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.

No comments:

Post a Comment