← Tous les exemples

Superposition de grille 100 px

Superpose une grille translucide de 100x100 px pour vérifier l'alignement des éléments.

Code à copier

html::after {
  content: "";
  position: fixed; inset: 0; z-index: 99998;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(to right, rgba(255,0,0,0.12) 0 1px, transparent 1px 100px),
    repeating-linear-gradient(to bottom, rgba(255,0,0,0.12) 0 1px, transparent 1px 100px);
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.