Frequently Asked Questions
What types of CSS gradients can I create?
Linear gradients (with adjustable angle from 0-360°) and radial gradients (circle shape) with unlimited color stops.
How do I add a color stop?
Click "Add Stop" to add a new color. Each stop has a color picker and a position slider (0-100%).
Can I use preset gradients?
Yes! Click any preset swatch to instantly apply a professionally designed gradient.
How do I copy the CSS code?
Click the "Copy" button in the code panel to copy the complete CSS property to your clipboard.
What browsers support CSS gradients?
All modern browsers — Chrome, Firefox, Safari, Edge — support CSS gradients without vendor prefixes.
Can I set custom gradient angles?
Yes! Use the angle slider (0-360°). 0° goes bottom-to-top, 90° goes left-to-right, 180° goes top-to-bottom.
What is a radial gradient?
A radial gradient radiates outward from a center point in a circular shape, creating a spotlight or vignette effect.
Is this gradient generator free?
Yes, 100% free. No sign-up, no limits. Create and copy unlimited CSS gradients.