Custom Scrollbars

{{ width }}px
{{ height }}px
{{ borderRadius }}px
{{ cornerVisibility }}

This is the preview area

This is just a lorem ipsum text

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta nam, voluptatibus corporis repudiandae id ea quam eligendi minus, nobis cupiditate omnis nihil necessitatibus aliquid dolorum asperiores enim voluptatum dolorem architecto?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta nam, voluptatibus corporis repudiandae id ea quam eligendi minus, nobis cupiditate omnis nihil necessitatibus aliquid dolorum asperiores enim voluptatum dolorem architecto?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta nam, voluptatibus corporis repudiandae id ea quam eligendi minus, nobis cupiditate omnis nihil necessitatibus aliquid dolorum asperiores enim voluptatum dolorem architecto?

Click bellow to select the code, and replace the .element class

x
.element::-webkit-scrollbar {
width: {{ width }}px;
height: {{ height }}px;
}
.element::-webkit-scrollbar-track {
background-color: {{ trackBg }};
border-radius: {{ borderRadius }}px;
}
.element::-webkit-scrollbar-thumb {
background-color: {{ thumbBg }};
border-radius: {{ borderRadius }}px;
}
.element::-webkit-scrollbar-corner {
background-color: {{ cornerBg }};
visibility: {{ cornerVisibility }};
}