Gradient Scrollbar

Just a quick freebie for creating a gradient scrollbar!

by Angelica

HTML

This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>
This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>
This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>
This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>
This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>
This is an example of a gradient scroll bar~
<br><br>
<br><br>
<br><br>

CSS

body{
  background: white;
}
::-webkit-scrollbar {
	width: 18px;
	background: white;
}
::-webkit-scrollbar-button {
	height: 0px;
}
::-webkit-scrollbar-track {
	border: 0px;
}
::-webkit-scrollbar-thumb {
	  	background: linear-gradient(red, yellow);
	border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: gray;
}