CSS Scrollbar Generator

Parameters

Preview

Scroll down to see the custom scrollbar style... Line 1

Scroll down to see the custom scrollbar style... Line 2

Scroll down to see the custom scrollbar style... Line 3

Scroll down to see the custom scrollbar style... Line 4

Scroll down to see the custom scrollbar style... Line 5

Scroll down to see the custom scrollbar style... Line 6

Scroll down to see the custom scrollbar style... Line 7

Scroll down to see the custom scrollbar style... Line 8

Scroll down to see the custom scrollbar style... Line 9

Scroll down to see the custom scrollbar style... Line 10

Scroll down to see the custom scrollbar style... Line 11

Scroll down to see the custom scrollbar style... Line 12

Scroll down to see the custom scrollbar style... Line 13

Scroll down to see the custom scrollbar style... Line 14

Scroll down to see the custom scrollbar style... Line 15

Scroll down to see the custom scrollbar style... Line 16

Scroll down to see the custom scrollbar style... Line 17

Scroll down to see the custom scrollbar style... Line 18

Scroll down to see the custom scrollbar style... Line 19

Scroll down to see the custom scrollbar style... Line 20

Scroll down to see the custom scrollbar style... Line 21

Scroll down to see the custom scrollbar style... Line 22

Scroll down to see the custom scrollbar style... Line 23

Scroll down to see the custom scrollbar style... Line 24

Scroll down to see the custom scrollbar style... Line 25

Scroll down to see the custom scrollbar style... Line 26

Scroll down to see the custom scrollbar style... Line 27

Scroll down to see the custom scrollbar style... Line 28

Scroll down to see the custom scrollbar style... Line 29

Scroll down to see the custom scrollbar style... Line 30

CSS Code
/* Scrollbar Styles */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}