Showing posts with label Scroll Bar. Show all posts
Showing posts with label Scroll Bar. Show all posts

Jovel's Blog Scroll bar using CSS.

Seeing your old scroll bar bores you ? No More Boring... here's a good looking scroll bar for websites and Blogs, Created with CSS.














Best Viewed in Google Chrome.

Here's the CSS code.

::-webkit-scrollbar{ width: 8px; } ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 0px; } ::-webkit-scrollbar-thumb{ border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

for Blogger users,
Select your blog and go to Template -> Customize., Click the Advanced tab and select Add CSS then paste this code.

For Websites,
Paste this code before </style> Tag.

Enjoy your new look of Scroll bar.
Continue Reading