Background Image Scrollbar

Just a quick freebie for creating a background image scrollbar!

by Angelica

HTML

This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>
This is an example of a background image scrollbar~
<br><br>
<br><br>
<br><br>

CSS

body{
  background: LavenderBlush;
}
::-webkit-scrollbar {
	width: 18px;
	background: LavenderBlush;
}
::-webkit-scrollbar-button {
	height: 0px;
}
::-webkit-scrollbar-track {
	border: 0px;
}
::-webkit-scrollbar-thumb {
	background: url('https://i.postimg.cc/3RT3psm6/chevron-4.png');
	border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: url('https://i.postimg.cc/7hPDtSBB/girly-tangerine.gif');
}