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;
}
يمكنك تبدع بغير الصوره هذي

إرسال تعليق

أحدث أقدم