A nice and quick experiment by Tim Holman. He created 14 vertical scrollbars that work only in webkit browsers. The different styling is achieved using webkit-only pseudo properties:
-webkit-scrollbar-track
: This styles the main track of the scollbar.-webkit-scrollbar
: It is the main scrollbar container.-webkit-scrollbar-thumb
: This styles the thumb of the scrollbar.
Check out the code below.