CSS HTML CODE Transparent Scroll Bars WIth Images

Here's a code for your scroll bars to make them transparent with an image as the handle. 

💥LIKE DISPLAYED IN THIS BLOG💥

All this is fully Customizable to your liking follow Instructions below to make it easier =]

Change the "Transparent" in the "Background: HERE;" to any colour that you would like or add an image to it by simply placing this code blow underneath {    Example To Help You Out  👇🏻

EXAMPLE


/* Track */
::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}




/* Track */
::-webkit-scrollbar-track {
background-image: url('IMAGE URL GOES HERE');
background-size: cover;
background-position: center;
background: ;
border: 0px;
border-radius: 10px;
}

background-image: url('IMAGE URL GOES HERE');
background-size: cover;
background-position: center;
background: ;
border: 0px;
border-radius: 10px;
}

<style>
body {
overflow: overlay;
}

/* width */
::-webkit-scrollbar {
width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background-image: url('IMAGE URL GOES HERE');
background-size: cover;
background-position: center;
background: ;
border: 0px;
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: transparent;
}
</style>

hope this helps you out guys. if you have any questions feel free to message me 😊❤🙏🏻