design custom scrollbars · webkit + firefox · live preview · export css · runs locally
line 1 — the quick brown fox jumps over the lazy dog line 2 — the quick brown fox jumps over the lazy dog line 3 — the quick brown fox jumps over the lazy dog line 4 — the quick brown fox jumps over the lazy dog line 5 — the quick brown fox jumps over the lazy dog line 6 — the quick brown fox jumps over the lazy dog line 7 — the quick brown fox jumps over the lazy dog line 8 — the quick brown fox jumps over the lazy dog line 9 — the quick brown fox jumps over the lazy dog line 10 — the quick brown fox jumps over the lazy dog line 11 — the quick brown fox jumps over the lazy dog line 12 — the quick brown fox jumps over the lazy dog line 13 — the quick brown fox jumps over the lazy dog line 14 — the quick brown fox jumps over the lazy dog line 15 — the quick brown fox jumps over the lazy dog line 16 — the quick brown fox jumps over the lazy dog line 17 — the quick brown fox jumps over the lazy dog line 18 — the quick brown fox jumps over the lazy dog line 19 — the quick brown fox jumps over the lazy dog line 20 — the quick brown fox jumps over the lazy dog line 21 — the quick brown fox jumps over the lazy dog line 22 — the quick brown fox jumps over the lazy dog line 23 — the quick brown fox jumps over the lazy dog line 24 — the quick brown fox jumps over the lazy dog line 25 — the quick brown fox jumps over the lazy dog line 26 — the quick brown fox jumps over the lazy dog line 27 — the quick brown fox jumps over the lazy dog line 28 — the quick brown fox jumps over the lazy dog line 29 — the quick brown fox jumps over the lazy dog line 30 — the quick brown fox jumps over the lazy dog line 31 — the quick brown fox jumps over the lazy dog line 32 — the quick brown fox jumps over the lazy dog line 33 — the quick brown fox jumps over the lazy dog line 34 — the quick brown fox jumps over the lazy dog line 35 — the quick brown fox jumps over the lazy dog line 36 — the quick brown fox jumps over the lazy dog line 37 — the quick brown fox jumps over the lazy dog line 38 — the quick brown fox jumps over the lazy dog line 39 — the quick brown fox jumps over the lazy dog line 40 — the quick brown fox jumps over the lazy dog
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-track {
background: #1a1a1a;
border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
background: #444444;
border-radius: 4px;
border: 2px solid transparent;
}
*::-webkit-scrollbar-thumb:hover {
background: #666666;
}
*::-webkit-scrollbar-thumb:active {
background: #888888;
}
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #444444 #1a1a1a;
}