Générateur de Scrollbar CSS

Créez des styles de scrollbar CSS personnalisés avec aperçu. Ajustez la largeur, les couleurs, le track, le thumb et les effets hover.

Thèmes Prédéfinis
#f1f1f1
#c1c1c1
#a8a8a8
Aperçu en Direct

Faites défiler cette zone pour voir le style personnalisé.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.

Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.

CSS Généré
/* Scrollbar styles will appear here */

À Propos du Générateur

Créez des styles de scrollbar personnalisés avec support multi-navigateur.

Fonctionnalités

FAQ

Fonctionne-t-il dans tous les navigateurs ?

Le CSS inclut les propriétés WebKit et standard.

Puis-je l'utiliser commercialement ?

Oui, le CSS est libre pour tout usage.

Comment appliquer à toute la page ?

Utilisez les sélecteurs sur html ou body.

Pourquoi Firefox utilise des propriétés différentes ?

Firefox utilise scrollbar-color et scrollbar-width.