Modifikasi Tampilan Scrollbar dengan CSS3
Apakah Sobat pernah mencari tips tentang cara mengubah tampilan scrollbar dengan CSS3 di blog Sobat. Sobat mungkin bertanya-tanya bagaimana caranya?
Mengubah tampilan scrollbar bukanlah hal yang sulit. Karena dapat disesuaikan dengan sangat mudah menggunakan kode CSS3 dan alasan lain adalah Saya sudah menyiapkan kode yang akan menyesuaikan tampilan scrollbar di blog Sobat.
Tambahkan CSS di bawah ini sebelum ]]></b:skin> atau </style>
::-webkit-scrollbar-thumb:horizontal{
height:10px;
background-color:#333;
}
::-webkit-scrollbar-thumb:vertical{
width:8px;
background-color:#f35d5c;
box-shadow:1px 1px 4px rgba(0,0,0,0.16);
}
::-webkit-scrollbar{
width:8px;
height:15px;
background:#333;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);
}Ganti kode yang diberi tanda, sesuaikan warna dan lebar scrollbar dengan blog Sobat.
Ya, cukup sekian tips sederhana dari Saya dan semoga bermanfaat bagi Sobat semua.
