← Tutti gli esempi

Barra di scorrimento sottile personalizzata

Sostituisce la barra di sistema con una versione sottile e arrotondata in tinta neutra.

Codice da copiare

* { scrollbar-width: thin; scrollbar-color: #6b7280 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: #6b7280; border-radius: 8px;
    border: 2px solid transparent; background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #4b5563; background-clip: content-box; }

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.