i wanted to create same scroll bar with using css gradient, i have done this but not able to get exact design.
<div id="style-9" ></div>
#style-9::-webkit-scrollbar-track
{
-webkit-box-shadow: inset -1px 0px 0px #6A6561;
background-color: #3D3938;
}
#style-9::-webkit-scrollbar
{
width: 10px;
background-color: #141413;
}
#style-9::-webkit-scrollbar-thumb
{
background-color: #3B8526;
background: linear-gradient(to bottom,
#3B8526 25%, #52A435 25% 50%, #6BC349 50% 75% );
}
#style-9::-webkit-scrollbar {
width: 14px;
}
#style-9::-webkit-scrollbar-track {
background-clip: content-box;
border: 4px solid transparent;
}
#style-9::-webkit-scrollbar-corner, .scrollbar-1::-webkit-scrollbar-track {
background-color: #b0b7c4;
}
Aucun commentaire:
Enregistrer un commentaire