Thread: Webkit - Custom Scrollbar

Results 1 to 2 of 2
  1. #1 Webkit - Custom Scrollbar 
    Donator
    Intredy's Avatar
    Join Date
    Sep 2011
    Age
    19
    Posts
    219
    Thanks given
    19
    Thanks received
    25
    Rep Power
    15
    This isn't really a tutorial at all, more like a snippet. Anyways, this is some CSS code to change the webkit default scroll bar into something more eye appealing.

    Code:
    /* Webkit Scrollbar Styling (Chrome - Safari) */
    ::-webkit-scrollbar {
    	width: 10px;
    	height: 10px;
    }
    ::-webkit-scrollbar-track {
    	background-color: rgba(113,112,107,0.1);
    }
    ::-webkit-scrollbar-thumb:vertical {
    	background-color: rgba(0,0,0,.5);
    }
    ::-webkit-scrollbar-thumb:vertical:hover,
    ::-webkit-scrollbar-thumb:horizontal:hover {
    	background-color: rgba(0,0,0,.8);
    }
    ::-webkit-scrollbar-thumb:horizontal {
    	background-color: rgba(0,0,0,.2);
    }
    Reply With Quote  
     

  2. #2  
    Web Developer
    Leon's Avatar
    Join Date
    Jan 2012
    Posts
    392
    Thanks given
    64
    Thanks received
    123
    Rep Power
    38
    Never looked into this before, but thanks! This is actually pretty cool, didn't know you could do this.
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Custom Player Title's
    By Dune in forum Tutorials
    Replies: 43
    Last Post: 09-03-2007, 11:34 AM
  2. New Custom Background
    By hawn in forum Showcase
    Replies: 5
    Last Post: 07-18-2007, 01:40 PM
  3. Replies: 2
    Last Post: 07-14-2007, 09:09 PM
  4. Custom player titles
    By Lothy in forum Tutorials
    Replies: 9
    Last Post: 06-16-2007, 03:33 PM
  5. Tutorial Dirty Hack to Custom sprites
    By silabsoft in forum Tutorials
    Replies: 20
    Last Post: 04-27-2007, 12:07 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •