Flower scrollbar

Tags:

Description:

Edited from the snazzyspace.com codes Alternatively replace the background:URL with any image to customize your own scrollbar

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by fairycake444 ౨ৎ⋆˚｡⋆ (https://layouts.spacehey.com/layout?id=24726) -->

<style>
	::-webkit-scrollbar {
	width: 17px;
	height: 7px;
	background-color:#ffffff;
	}
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment {display: block;}
	::-webkit-scrollbar-button:vertical:start:increment,
	::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
	::-webkit-scrollbar-button:end:increment 
        {background-image:url(https://www.snazzyspace.com/images/arrowdown.png);
	background-repeat: no-repeat;background-position:center;
        -webkit-box-shadow: inset 0 0 16px rgba(214,214,214,0.9);}
</style>
<style>
	::-webkit-scrollbar-button:start:decrement 
	{background-image: url(https://www.snazzyspace.com/images/arrowup.png);
	background-repeat: no-repeat;background-position:center;
        -webkit-box-shadow: inset 0 0 16px rgba(214,214,214,0.9);}
	::-webkit-scrollbar-thumb {
	background-color:transparent;
        background:url("https://i.postimg.cc/PJgYt2BZ/1e2b193dc3aa6e6e5fc3b14809ec32c2.jpg");
        background-size: 400% auto;
	border-left:0px solid #E5E5E5;
	border-right:0px solid #E5E5E5;
	border-bottom:0px solid #E5E5E5;
	border-top:0px solid #E5E5E5;
	border-radius:0%;
	}
	#scrollbardolliecrave {
	width:96px;
	height:20px;
	position: fixed;    
	left: 0px;    
	bottom: 0px;
	}
	::-webkit-scrollbar-track {
        background:url(https://www.snazzyspace.com/images/track.png); 
	border-radius:0%;
	}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 7 of 7 comments ( View all | Add Comment )

MoriMew	1717672307 I didn't realize the scrollbar was lacking cuteness until now~ TY! Report Comment
𝜗𝜚 ☆ 𝜗𝜚	1703014305 Using! Report Comment
♡ꕥRainbow Candy Girlꕥ♡ (Under Construction)	1701066187 IT'S AMAZING! I love this! Using Report Comment
lana	1669052359 kudos kudos Report Comment
kweepn ★	1668990544 YES THIS IS AWESOME TYSM !! Report Comment
psycho	1668744379 very cute Report Comment
♱𝓗𝓪𝓷𝓷𝓪𝓱	1668638067 SO USEING Report Comment OKOK also I stole ur pic lol by fairycake444 ౨ৎ⋆˚｡⋆; 1668638125; Report thats good now it matches by ♱𝓗𝓪𝓷𝓷𝓪𝓱; 1668638144; Report Ya! :D by fairycake444 ౨ৎ⋆˚｡⋆; 1668638178; Report