jeudi 21 juillet 2022

scroll bar with using gradient in css with three color

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;
}

enter image description here

Aucun commentaire:

Enregistrer un commentaire