Scroll Bar Designing of Browser


/* Scroll bar design */
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 10px;
}

::-webkit-scrollbar-track {
background: #F9D4E0;
border:1px solid #ccc;
}

::-webkit-scrollbar-thumb {
background: #C582FF;
border:1px solid #fff;
height:30px;
border-radius:10px;
}

::-webkit-scrollbar-thumb:hover {
background: #4F49B4;
}
/* Scroll bar design */

Did you find this article useful?