Mengubah Tampilan Scrollbar dengan CSS3

Apakah Sahabat bosan dengan tampilan scrollbar blog Sahabat? Ingin mengubahnya? Mengubah tampilan scrollbar untuk blog merupakan hal yang cukup mudah. Berikut caranya :

::-webkit-scrollbar-thumb:horizontal{
height:10px;
background-color:#333;
}
::-webkit-scrollbar-thumb:vertical{
width:10px;
background-color:#2a7bba;
box-shadow:1px 1px 4px rgba(0,0,0,0.16);
}
::-webkit-scrollbar{
width:10px;
height:15px;
background:#333;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);
}

Tambahkan kode CSS di atas ini sebelum ]]></b:skin> atau </style> lalu ganti kode yang diberi tanda, sesuaikan lebar dan warna scrollbar dengan blog Sahabat.

Itulah sedikit tutorial sederhana dari Saya, semoga bermanfaat bagi Sahabat semua.

Share :

Tweet

✚

Related Post