Generatore di barre di scorrimento CSS personalizzato

Personalizza una barra di scorrimento CSS (larghezza, colori, raggio) e ottieni il codice.

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 % lato client — nessun dato inviato

Progetta una barra di scorrimento CSS personalizzata (colori, larghezza, raggio) e copia il codice su più browser. Un'anteprima mostra immediatamente il risultato. Tutto viene generato localmente nel tuo browser, senza dati inviati da nessuna parte.

What is it for?

▸ Abbina la barra di scorrimento al marchio del tuo sito
▸ Definisci un'area di contenuto scorrevole
▸ Genera webkit e codice standard in un clic
▸ Prova diversi colori prima di integrarli

FAQ

Il codice è cross-browser?

Include proprietà e standard webkit per un'ampia compatibilità.

Posso impostare larghezza e colori?

Sì, regola la larghezza, i colori della traccia e del pollice e il raggio.

Le mie impostazioni vengono inviate a un server?

No, tutto viene calcolato nel tuo browser.