Menu Search, jangan dihilangkan maupun di edit

Rabu, 20 Januari 2016

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
*  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
*  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 

Tidak ada komentar:

Posting Komentar