Gradient Preview
CSS Code:
background: linear-gradient(45deg, #ff0000, #0000ff);
Gradient Type
Color Stops
Preset Gradients
Click any preset to load it
Export Options
About CSS Gradients
Linear gradients: Create smooth color transitions along a straight line.
Radial gradients: Create circular color transitions from a center point.
Conic gradients: Create color transitions around a center point (cone shape).
Color stops: Define specific colors and their positions in the gradient.