CSS Gradient Generator

CSS gradient docs ↗
Gradient
Color Stops
Presets
Preview
CSS Output
Tip: Classes → bare words become .class (e.g. main.main). IDs/Elements → bare words become #id unless it’s a known tag like h1, p, main. Commas allowed; everything is combined into one rule.
Pro tips: reorder stops for sharp bands, set duplicate positions for hard transitions, and export with alpha for overlay effects.