localhost: cuadrícula de diseño 8 px
En localhost superpone una cuadrícula densa de 8 px con líneas más gruesas cada 80 px para el sistema de espaciado.
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(0,128,255,0.1) 0 1px, transparent 1px 8px),
repeating-linear-gradient(to right, rgba(0,128,255,0.2) 0 1px, transparent 1px 80px),
repeating-linear-gradient(to bottom, rgba(0,128,255,0.1) 0 1px, transparent 1px 8px),
repeating-linear-gradient(to bottom, rgba(0,128,255,0.2) 0 1px, transparent 1px 80px);
}Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.