Hello everyone!
Hari ini Minteh mau bagiin sedikit ilmu kepada kalian semuanya tentang bagaimana caranya custom scrollbar untuk website kalian, nih! Selamat mencoba dan semoga berhasil.
Dukung EstehC.
CSS Code
::-webkit-scrollbar{
width: 0.9vw;
background: #777;
}
::-webkit-scrollbar-thumb{
background: -webkit-linear-gradient(transparent,#30ff00);
background: linear-gradient(transparent,#30ff00);
border-radius: 20px;
}
CSS Code Hover
::-webkit-scrollbar-thumb:hover{
background: -webkit-linear-gradient(transparent,#00c6ff);
background: linear-gradient(transparent,#00c6ff);
}
For Firefox Browser
/*Firefox Support*/
html{
scrollbar-width: thin;
scrollbar-color: red green;
}