Generator für benutzerdefinierte CSS Scrollbars

Eine CSS Scrollbar anpassen (Breite, Farben, Radius) und den Code erhalten.

Demo line 1

Demo line 2

Demo line 3

Demo line 4

Demo line 5

Demo line 6

Demo line 7

Demo line 8

Demo line 9

Demo line 10

Demo line 11

Demo line 12

Demo line 13

Demo line 14

Demo line 15

Demo line 16

Demo line 17

Demo line 18

Demo line 19

Demo line 20

WidthTrackThumbRadius

▸CSS

/* Chrome, Edge, Safari */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d1219; }
::-webkit-scrollbar-thumb { background: #39d353; border-radius: 8px; }
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: #39d353 #0d1219; }

🔒 100 % clientseitig — keine Daten gesendet

Gestalten Sie eine benutzerdefinierte CSS Scrollbar (Farben, Breite, Radius) und kopieren Sie browserübergreifenden Code. Eine Vorschau zeigt das Ergebnis sofort. Alles wird lokal in Ihrem Browser generiert, ohne dass Daten irgendwohin gesendet werden.

What is it for?

▸ Die Scrollbar an das Branding Ihrer Website anpassen
▸ Einen scrollbaren Inhaltsbereich gestalten
▸ WebKit- und Standard-Code mit einem Klick generieren
▸ Verschiedene Farben vor der Integration testen

FAQ

Ist der Code browserübergreifend kompatibel?

Er enthält WebKit-Eigenschaften und Standards für breite Kompatibilität.

Kann ich Breite und Farben festlegen?

Ja, passen Sie Breite, Farben für Track und Thumb sowie den Radius an.

Werden meine Einstellungen an einen Server gesendet?

Nein, alles wird in Ihrem Browser berechnet.