UTILS.
Standaard privé
▌

CSS Schuifbalk Stylen

Style een aangepaste schuifbalk en kopieer de ::-webkit-scrollbar CSS.

Je bestanden blijven op dit apparaat

Bestanden worden in je browser verwerkt, nooit geüpload. De site downloadt de benodigde code en bestanden. Geen accounts of trackers.

Gebruik Downloaden om deze tool als één HTML-bestand op te slaan voor offline gebruik.

Privacy →

Over deze tool

Ontwerp een aangepaste schuifbalk met breedte, track- en thumb-kleuren en hoekradius, bekijk een live voorbeeld in een scrollbaar kader en kopieer de CSS, helemaal in je browser.

Veelgestelde vragen

Welke browsers ondersteunen deze styling?
De ::-webkit-scrollbar-regels werken in Chrome, Edge en Safari; voor Firefox is ook een terugvaloptie met scrollbar-width en scrollbar-color opgenomen.
Hoe pas ik het toe op mijn eigen element?
Kopieer de CSS en geef je scrollbare element de klasse scrollbox, of vervang die selector door je eigen selector.

Meer tools