CSS-Scrollbar-Styler
Individuelle Scrollbar-CSS durch Farbe, Breite und Radius erstellen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Mit diesem Tool ersetzen Sie die schlichte Standard-Scrollbar des Browsers durch ein Design, das zu Ihrer Website passt. Passen Sie Griff- und Spurfarbe, Breite und Eckenradius per Schieberegler und Farbwähler an, sehen Sie die Live-Vorschau sofort aktualisiert und kopieren Sie fertigen CSS-Code — alles läuft lokal im Browser ab, ohne dass Daten an einen Server gesendet werden.
Anleitung
- Wählen Sie über Farbwähler oder HEX-Felder eine Griff- (Thumb) und eine Spurfarbe (Track).
- Ziehen Sie die Regler für Breite und Eckenradius, um die gewünschte Form zu erzeugen.
- Scrollen Sie in der Vorschau-Box, um das Ergebnis live in Aktion zu sehen.
- Klicken Sie auf 'CSS kopieren', um den generierten Code in Ihr Stylesheet einzufügen.
FAQ
- Funktioniert das generierte CSS in allen Browsern?
- Ja. Es kombiniert die ::-webkit-scrollbar-Pseudoelemente für WebKit-Browser (Chrome, Safari, Edge) mit den Standardeigenschaften scrollbar-color und scrollbar-width, die Firefox unterstützt.
- Wo wende ich das generierte CSS an?
- Benennen Sie die Klasse .custom-scrollbar im Code in die Klasse des gewünschten Elements um — die Styles gelten dann nur für dessen scrollbaren Bereich.
- Werden meine Eingaben an einen Server gesendet?
- Nein. Farbwahl und CSS-Erstellung erfolgen vollständig im Browser, es werden keine Daten irgendwohin übertragen.