1. Home
  2. Programming & Design
  3. #

CSS Scrollbar Generator

Thumb Color
Thumb Gradient Angle
deg(°)
Track Color
Track Gradient Angle
deg(°)
Scrollbar Width
Scrollbar Border Radius
Thumb Border Width
Thumb Border Color
Preview
CSS Code (Click to Copy)
Firefox is not supported!

It looks like you are using Firefox.

It's recommended to use this CSS code maker with a WebKit or Blink based browser for the best experience eg. Chrome, Safari, Edge, Opera, Brave etc..

Firefox does not support ::-webkit-scrollbar selectors.

For customizing scrollbar on Firefox you should use scrollbar-color and scrollbar-width selectors.

Home
Add To Favorites
Share

CSS Scrollbar Code Generator is an online tool designed specifically for web developers who wish to customize the appearance of scrollbars on their websites or web applications. This tool simplifies the process of generating CSS scrollbar code that allows you to change various aspects of the scrollbar, including its color, width, thumb shape, making your website stand out with unique scrolling experiences.



Traditionally, scrollbars have been a browser-controlled element with limited styling options. With this CSS tool, you now have more control over customizing these elements of the scrollbar to better fit your website's aesthetics.



Key Features

Intuitive Interface: The generator provides an intuitive interface where users can easily adjust scrollbar properties through simple sliders and input fields.

Instant Preview: See changes in real-time as you tweak settings, ensuring that what you visualize is exactly what you get.

Export Code: Once satisfied with the scrollbar style, you can copy the generated CSS code directly to use in your projects.

Related Tools

SRT To TXT Converter can transform subtitle files in .srt format into plain text (.txt) files. Simply paste the SRT subtitle content into the provided text box or select an SRT file, and it will automatically extract the textual content from the subtitles. Afterwards, you can copy the text or download it as a .txt file for further use.

SRT To TXT Converter
SRT To TXT Converter can transform subtitle files in .srt format into plain text (.txt) files. Simply paste the SRT subtitle content into the provided text box or select an SRT file, and it will automatically extract the textual content from the subtitles. Afterwards, you can copy the text or download it as a .txt file for further use.
SRT To ASS Converter enables seamless conversion between .srt and .ass subtitle file formats. Simply select either an .srt or .ass formatted file, and the converter will automatically transform it into the another format.

SRT To ASS Converter
SRT To ASS Converter enables seamless conversion between .srt and .ass subtitle file formats. Simply select either an .srt or .ass formatted file, and the converter will automatically transform it into the another format.
SRT Editor is an online subtitle editor for SubRip Subtitle (SRT) file, it allows you to batch-adjust the playback speed and timing offset of subtitles, and also provides the ability to individually adjust the order, timecodes, and text of each subtitle segment.

SRT Editor
SRT Editor is an online subtitle editor for SubRip Subtitle (SRT) file, it allows you to batch-adjust the playback speed and timing offset of subtitles, and also provides the ability to individually adjust the order, timecodes, and text of each subtitle segment.
SRT To VTT Converter enables seamless conversion between SubRip Subtitle(.srt) and Web Video Text Tracks (WebVTT)(.vtt) subtitle file formats. Simply select either an .srt or .vtt formatted file, and the converter will automatically transform it into the another format.

SRT To VTT Converter
SRT To VTT Converter enables seamless conversion between SubRip Subtitle(.srt) and Web Video Text Tracks (WebVTT)(.vtt) subtitle file formats. Simply select either an .srt or .vtt formatted file, and the converter will automatically transform it into the another format.