Css scrollbar thumb height

Scrollbar thumb height css

::-webkit-scrollbar-button {
  height: 12px;
}
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}

Source: grepper.com

Similar codes

0 vote392 views1 answer
Css sign in with google
CSS
0 vote416 views1 answer
Faunadb update
CSS
0 vote372 views3 answers
Apple like scroll css
CSS
2 votes346 views1 answer
Css limit line text
CSS
22 votes380 views3 answers
Smooth scroll css
CSS
0 vote377 views2 answers
Generate random grid in css
CSS
53 votes353 views4 answers
On hover css
CSS
38 votes379 views6 answers
Media query min and max width for all devices
CSS
1 vote348 views1 answer
Style direction
CSS
0 vote347 views2 answers
Laravel 7 css loading slow
CSS