CSS Custom Scrollbar

Generate webkit custom scrollbar styles.

Width12px

Border Radius10px

Track Color

Thumb Color

Thumb Hover Color

Content element #1

Content element #2

Content element #3

Content element #4

Content element #5

Content element #6

Content element #7

Content element #8

Content element #9

Content element #10

Content element #11

Content element #12

Content element #13

Content element #14

Content element #15

/* Webkit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #FF6B6B;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e65c5c;
}