Green Scroll Bar - Pure CSS3 (from ZIG)

★★★★★
★★★★★
364 users
<
>
Muama Enence Instant Two-Way Translator. Portable Real-time Translation in 36
★★★★★
★★★★★
Furby Coral 15 Interactive Plush Toy Hasbro Talks Sings Lights Up 2023
★★★★★
★★★★★
Retro Facebook Cover Template, Facebook Banner, Facebook Icon, Facebook Business Cover Image, DIY Facebook Template, Canva Template - Dani
★★★★★
★★★★★
Love You Valentines Minimalistic A5 Card with envelope, Black and White Valentines Card, Thank you for everything you do I love You Card
★★★★★
★★★★★
Agoda: Hotels & Flights Deals
★★★★★
★★★★★
It Ends With Us by Colleen Hoover
★★★★★
★★★★★

A simple Chrome Scroll Bar just extracted from zzllrr Imager.

*Green and Cute!

*Pure CSS3, no JS(JavaScript)!

*Work well on web pages, iframes, textarea, etc.

Don't go away if you need other scrollbar styles.
Below are CSS Hack/MOD/DIY Tips.

/* 1. The original CSS of scrollbar from zzllrr imager */

::-webkit-scrollbar{
background-color:white; 
width:10px;
        height:10px;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
        border-radius:5px;
background-color:white;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
background-color:#a2c437;
}

/* 2. Just go to this extension folder
(Your-Default-Chrome-Extension-Folder\Default\Extensions\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
      to find the CSS file zzllrrImagerScrollbar.css to modify as you wish.
*/

/* 3. Go to chrome://extensions/ to disable this extension and then enable it.
        Over! Nice job!
*/
Related