CSS Gradient Generator
Create beautiful linear and radial CSS gradients with a live preview and copy-ready code.
Presets
Frequently Asked Questions
Which browsers support CSS gradients?
All modern browsers support linear-gradient() and radial-gradient() without vendor prefixes. Safari ≥6.1, Chrome ≥26, Firefox ≥16, Edge (all versions).
Can I use gradients on text?
Yes — apply the gradient to background and use background-clip: text; color: transparent. This tool outputs the background property only, which works for any element.