CodePen Embed - Custom Scrollbar Demo

<p><b>Custom Scrollbar Demo</b></p>
<p>This demo shows how easily scrollbars can be customised!</p>
<p>Sample line</p>
<p>Sample line</p>
<p>Sample line</p>
<p>Sample line</p>

/* width */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #5bc0de; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #31b0d5; 
}

This Pen is owned by W3villa Technologies on CodePen.

See more by @W3villa on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.