Question 1

What types of CSS gradients does this tool support?

Accepted Answer

The CSS Gradient Generator supports all three CSS gradient types: linear-gradient (directional colour transitions), radial-gradient (circular/elliptical from a centre point) and conic-gradient (colour transitions around a centre angle). All are compatible with modern browsers.

Question 2

How do I copy the CSS gradient code?

Accepted Answer

After customising your gradient, click the Copy CSS button. The generated CSS value (e.g. linear-gradient(135deg, #a855f7 0%, #3b82f6 100%)) is copied to your clipboard and ready to paste into your stylesheet.

Question 3

Can I add more than two colour stops?

Accepted Answer

Yes. Click Add Stop to insert a new colour stop between existing ones. You can add as many stops as you like, each with its own colour and position.

CSS Gradient Generator

Related Tools