CSS Custom Scrollbar Designer
By alex m · Published · Updated
Generate cross-browser CSS code to style your website's scrollbars.
Tags: design, css, coding
Prompt template
## Introduction Create a beautiful, custom scrollbar for your web project. ## Scrollbar Aesthetics - Thumb Color (The moving part): [text: Hex code, e.g., #ff0000] - Track Color (The background): [text: Hex code, e.g., #f1f1f1] - Scrollbar Width/Thickness (px): [1, 30] ## Advanced Features - Add rounded corners to the thumb? [toggle: Yes, No] - Add a hover effect to the thumb? [toggle: Yes, No] - Target Browsers: [multi: WebKit (Chrome/Safari), Firefox (scrollbar-color)] --- **Goal**: Output the raw CSS code required to style the scrollbar across major browsers.