Zaakceptowana Nowy scrollbar

[Marshallew]

Proponuję zmienić obecny scrollbal na przykładowo taki jak podaje na screenie poniżej.

 

 

Wystylizować można jeszcze według uznania. Kod .css poniżej.

 

::-webkit-scrollbar {
    width: 6px;
    background-color: #10121f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb {
    background-image: -moz-linear-gradient( 0deg, rgb(233,59,48) 0%, rgb(193,33,71) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(233,59,48) 0%, rgb(193,33,71) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(233,59,48) 0%, rgb(193,33,71) 100%);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(218, 40, 56, 0.3), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px 0px 50px 0px rgba(218, 40, 56, 0.3), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 50px 0px rgba(218, 40, 56, 0.3), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
    -webkit-border-top-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-bottomright: 9px;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    cursor: pointer;
}
::-webkit-scrollbar-track {
    background-color: #10121f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 6px;
}

 

[aXenDev]

Propozycja została zaakceptowana!
Dziękujemy za propozycję! Twoja propozycja zostanie dodana przy najbliższych dniach. Temat został zamknięty.
Jeśli się z tym nie zgadzasz, raportuj ten post, a moderator lub administrator rozpatrzy go ponownie.