CSS Scrollbar Generator

Erstellen Sie visuell benutzerdefinierte CSS-Bildlaufleisten. Passen Sie die Breite, Spurfarbe, Daumenfarbe, Ränder und den Eckenradius an und sehen Sie sich die Live-Vorschau an. Kompatibel mit Chrome, Safari, Edge und Firefox.

Anpassung

Breite (Vertikal) {{ scrollbarWidth }}px

Höhe (Horizontal) {{ scrollbarHeight }}px

Mindesthöhe des Griffs {{ thumbMinHeight }}px

Firefox Breite

Farbe

Hover-Farbe

Griff Aktive Farbe

Eckenradius {{ thumbRadius }}px

Randbreite

Randstil

Randfarbe

Farbe

Spur Hover-Farbe

Spur Aktive Farbe

Eckenradius {{ trackRadius }}px

Randbreite

Randstil

Randfarbe

Schattenunschärfe (Blur) {{ shadowBlur }}px

Schattenfarbe

Schatten-Deckkraft {{ shadowOpacity }}%

Innerer Schatten (Inset)

Legacy WebKit-Kompatibilität

CSS-Kommentare einschließen

Live-Vorschau

Scrollbarer Vorschaubereich

Dies ist ein scrollbarer Container. Nutzen Sie die Leisten zum Testen.

Passen Sie Werte links an und sehen Sie die Änderungen sofort.

Unterstützt Webkit (Chrome/Safari/Edge, mit Rändern, Schatten und Hover) und Firefox.

Kopieren Sie den CSS-Code, wenn Sie fertig sind.