Dua Cara Membuat Efek Animasi Scrollbar Keren Di Blogspot

Dua Cara Membuat Efek Scrollbar Keren Di Blogspot, Yaitu Scrollbar Rainbow Star dan Scrollbar Black Star Animated

1. Scrollbar Rainbow Star

Demo Click here

*  KODE CSS

::-webkit-scrollbar{width:15px; height:auto}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:15px; display:block; background:url('http://dl7.glitter-graphics.net/pub/868/868477ntpuqmi0zh.gif'); border:1px solid #FFDBDB; border-radius:20px}
::-webkit-scrollbar-track-piece{background:#222; border-radius:20px}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal{background:url('http://dl7.glitter-graphics.net/pub/868/868477ntpuqmi0zh.gif'); border:1px solid #FFDBDB; border-radius:20px}

2. Scrollbar Black Star Animated

Demo Click here

*  KODE CSS

::-webkit-scrollbar {
width: 15px;
height: auto;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
display: block;
background:url('http://dl5.glitter-graphics.net/pub/157/157425h4cdsqjhr5.gif');
border:1px solid #FFDBDB;
border-radius:20px;
}
::-webkit-scrollbar-track-piece {
background:#fff;
border-radius:20px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:url('http://dl5.glitter-graphics.net/pub/157/157425h4cdsqjhr5.gif');
border:1px solid #FFDBDB;
border-radius:20px;
}

*  Jangan lupa di save 

• Facebook
• Twitter
• Google +
• Pinterest
• My Feeds

Share this article:

Tweet

✚

Baca Juga Artikel Terkait Lainnya