Question 1

What does this generate?

Accepted Answer

A CSS background rule for a linear or radial gradient.

Question 2

Is work uploaded?

Accepted Answer

No. The preview and the CSS stay in the tab.

Question 3

How many color stops can I add?

Accepted Answer

From 2 to 10.

Question 4

Can I make a conic gradient?

Accepted Answer

No. Linear and radial only.

Question 5

Does this download a PNG?

Accepted Answer

No. Copy the CSS. The browser paints the wash.

Question 6

What is a linear gradient?

Accepted Answer

Colors run along a line at the angle you set.

Question 7

What is a radial gradient?

Accepted Answer

Colors run out from a point, as a circle or ellipse.

Question 8

Can I put two colors at the same stop?

Accepted Answer

Yes. That makes a hard edge instead of a blend.

Question 9

Is the CSS ready to paste?

Accepted Answer

Yes. It is a background property. Drop it in your stylesheet.

Question 10

Are gradients stored?

Accepted Answer

No. Close the tab and the stops are gone.

Question 11

Does this work offline after load?

Accepted Answer

Yes.

CSS Gradient Generator - Linear and Radial, Copy Code