← Alle Beispiele

Grundlinien-Overlay

Zeichnet alle 24 px horizontale Linien, um den vertikalen Rhythmus und die Grundlinie zu prüfen.

Code zum Kopieren

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

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.