← Todos los ejemplos

Superposición de cuadrícula 100 px

Superpone una cuadrícula translúcida de 100x100 px para comprobar la alineación de los elementos.

Código para copiar

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);
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.