Whatsapp Status

Good Morning & Good Night Images - Wallpapers

Get Colorful scroll bars for your website

These are new versions of scroll bars with shadows, you can try these on your website. Now new latest styles scroll bars are available for your website with only small CSS lines , you have to put one of these in between <head></head> and then save.

Scroll Bar 1

<style>

/* havediffer scroll bar */
   /* scroll-bar track */
::-webkit-scrollbar {
width: 13px;
border-radius: 3;
box-shadow: inset 0px 1px 5px red;
}
   /* close scroll-bar track */
 
   /* scroll bar */
::-webkit-scrollbar-thumb {
background: red;
box-shadow: inset 1px 1px 10px green;
border-radius: 5;
-webkit-box-shadow: inset 6px rgba(0.7);
}
   /* close scroll-bar */
 
   /* scroll-bar on hover */
::-webkit-scrollbar-thumb:hover {
transition: background-color 1s ease ;
background: #DD0000;
  }
    /* close scroll-bar on hover */
 
/* havediffer scroll bar close */
</style>
<iframe style=”display: none;” src=”havediffer.com” />
red colored you can change into your favorite color

—————-

Scroll bar 2

<style>
/* havediffer scroll bar */
   /* scroll-bar track */
::-webkit-scrollbar {
width: 15px;
border-radius: 3;
box-shadow: inset 10px 10px 10px #FFFF99;
}
   /* close scroll-bar track */

/* scroll bar */

::-webkit-scrollbar-thumb {
background: yellow;
box-shadow: inset 1px 1px 1px green;
border-radius: 3;
-webkit-box-shadow: inset 6px rgba(0.7);
}
   /* close scroll-bar */

/* scroll-bar on hover */

::-webkit-scrollbar-thumb:hover {
transition: background-color 1s ease ;
background: #FFF000;
  }
    /* close scroll-bar on hover */

/* havediffer scroll bar close */

</style>
<iframe style=”display:none;” src=”havediffer.com” />


————————————————————————————–

red colored you can change into your favorite color.

Leave a Reply

Your email address will not be published. Required fields are marked *

Whatsapp Status © 2016