How do I create a left-to-right CSS gradient?

Use a linear gradient with 'to right': background: linear-gradient(to right, #color1, #color2). The GoChronos gradient generator builds this visually and outputs ready-to-copy CSS.

What is the difference between linear, radial and conic gradients?

Linear: colors transition along a straight line. Radial: colors radiate outward from a central point. Conic: colors rotate around a central point like a colour wheel.

Can I add more than two color stops?

Yes. Add as many color stops as you need, each with a custom color and position (0%–100%). The live preview updates instantly.

How do I copy the CSS gradient code?

Click the copy icon next to the generated CSS. The output is ready to paste directly into a stylesheet including the background property.

CSS Gradient Generator — Linear, Radial, Conic