custom gif scrollbar

<!--- cr viliarreai if used/reposted --->

<style>
.scroll {

/*which direction it will scroll*/
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;

/*background of text*/
background:#FFD6F0;
border: 1px solid #FFB3E2;

/*DON'T EDIT THIS*/
margin-left:auto;
margin-right:auto;

/*width/height of text*/
width: 14em;
height: 120px;
padding:8px;

/*text size, font, etc*/
font-size:18px;
color:#000;
font-family:times;

}

.scroll::-webkit-scrollbar {

/*the width/height of the scrollbar*/
width: 12px;
height: 5px;

}

.scroll::-webkit-scrollbar-track {

/*the color of the scrollbar background (i recommend making it the same color of the background text*/
background-color: #FFD6F0;

}

.scroll::-webkit-scrollbar-thumb {

/*the gif/img of the scrollbar*/
background-image: url("https://media.discordapp.net/attachments/846527207694139402/851350444998524928/glitter_background_b7b.gif");

/*how rounded the scrollbar will be*/
border-radius: 5px;

/*the scrollbar's border*/
border: 1px dashed #ffffff;

}
</style>

<div class="scroll">
<strong>custom gif scrollbar!</strong>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text
</div>