Mini Scrollbar

Just a quick freebie for creating a mini scrollbar!

by Angelica

HTML

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

CSS

body{
  background: LightGoldenRodYellow;
}
::-webkit-scrollbar {
	width: 8px;
	background: LightGoldenRodYellow;
}
::-webkit-scrollbar-button {
	height: 0px;
}
::-webkit-scrollbar-track {
	border: 0px;
}
::-webkit-scrollbar-thumb {
	background: saddlebrown;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: rebeccapurple;
}