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.

  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.