CSS Scrollbar Style شريط التمرير بالصوره

مشاهدات الان

بالصوره اذا حبيت

البحث عن

]]></b:skin>

فوقه ضع

::-webkit-scrollbar {

width: 0px;

height: 0px;

}

html,

body {

margin: 0;

border: 0;

padding: 0;

height: 100%;

overflow: hidden;

}

.overflow {

overflow-x: hidden;

overflow-y: scroll;

background: #ededed;

width: 100%;

height: 100%;

position: relative;

-webkit-overflow-scrolling: touch;

}

.thumb {

width: 68px;

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiohd4SrmhXga42a40okoDhsr-wPHzX2gI9i1lHYOyH7Nc1rGLHxKl7lUdTeAwPr2X2Bvez9U9wQKz0DGcLMMLXaFbQ1U87M-higNkfhBOomvUxldpd7iw9V6bsGYnxWhIoTt4CShn2woRagNrkPA5zf3kEW0WDroIaMplGaRp9nEhVq4DeISfd3ZW/s272/cat.gif"),

linear-gradient(

90deg,

transparent,

magenta,

red,

yellow,

limegreen,

turquoise,

blue,

magenta,

transparent

);

background-position: center bottom, center -40px;

background-repeat: no-repeat, no-repeat;

background-size: contain, contain;

}

.fakecontent {

padding: 25vh 0;

border: 1px solid transparent;

}

يمكنك تبدع بغير الصوره هذي