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.

http://cssdeck.com/labs/css3-webkit-vertical-scrollbars

Leave a comment