Cartoony Scrollbar

Just a quick freebie for creating a cartoony scrollbar!

by Angelica

HTML

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

CSS

body{
  background: Tomato;
}
::-webkit-scrollbar {
	width: 28px;
	background: Tomato;
}
::-webkit-scrollbar-button {
	height: 0px;
}
::-webkit-scrollbar-track {
	border: 0px;
}
::-webkit-scrollbar-thumb {
	background: RoyalBlue;
  border: 3px solid Black;
	border-radius: 12px 25px 12px 25px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: Yellow;
}