Frontend & CSS
CSS Gradient Generator
Design linear or radial gradients and copy the CSS.
Controls
Generated code
background: linear-gradient(135deg, #f97316, #facc15);
How to use
Choose linear or radial, adjust colors and angle, then copy the generated background declaration.
Example
A 135-degree orange-to-yellow gradient is shown in the preview.