Linear Gradient Generator
Create CSS linear gradients with a visual preview. Configure direction, colors, and stops.
Gradient Properties
Visual Preview
Generated CSS
About Linear Gradients
Linear gradients create a smooth transition between multiple colors along a straight line. They're commonly used for backgrounds, buttons, and decorative elements.
The direction can be specified in degrees (0deg = to top, 90deg = to right), or using keywords like "to right", "to bottom left", etc.