DMCA.com Follow us on Facebook

Free CSS3 Scrollbars

Here's a collection of free CSS3 scrollbars for your personal use, in beautiful vibrant colors that will make your site stand out. Implementing the scrollbars requires minimal coding. All you need to do is insert a few lines of code (given below), between the 'head' tags of your html document and that's it. You can customize the colors further by replacing the hex values for the background styling.

The inline CSS code for the various colors can be seen in the 'view source code' of your page in your browser. Just copy and paste.

Click on each button to view scrollbar demo


/*-----CUSTOM SCROLLBAR---*/
::-webkit-scrollbar{
     width: 14px;
}
::-webkit-scrollbar-track{
     box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
::-webkit-scrollbar-track-piece{
    background:#63931e;
    border-radius:4px;
    border:1px solid #90b939;
}
::-webkit-scrollbar-thumb {
    background: #93C42B;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius:4px;  
    border:1px solid rgba(255,255,255,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #e44f25; 
}: #e44f25; 


FREE - CSS3 Buttons


Copyright © 2016 HTML5 Templates Dreamweaver.com