advanced code snippet search

Posted By

nerdfiles on 01/26/12


Tagged

css webkit Scrollbars


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

AllKnightAccess


Silent Scrollbars

 / Published in: CSS
 

Like Lion's. In Webkit.

Expand | Embed | Plain Text 
  1. body {  overflow-y: scroll }
  2. ::-webkit-scrollbar-track-piece {
  3.   background-color: #fff;
  4.   -webkit-border-radius: 0; }
  5. ::-webkit-scrollbar {
  6.   width: 8px;
  7.   height: 8px; }
  8. ::-webkit-scrollbar-thumb {
  9.   height: 50px;
  10.   background-color: #999;
  11.   -webkit-border-radius: 4px;
  12.   outline: 2px solid #fff;
  13.   outline-offset: -2px;
  14.   border: 2px solid #fff; }
  15. ::-webkit-scrollbar-thumb:hover {
  16.   height: 50px;
  17.   background-color: #9f9f9f;
  18.   -webkit-border-radius: 4px; }
  19. :-webkit-scrollbar {  width: 16px }

Report this snippet  

You need to login to post a comment.