CSS3 – Webkit – Vertical Scrollbars

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.


cdl_capture_2013-12-16-45_ 001

Check out the code below.


Leave a comment