CSS gradient syntax
background: linear-gradient(135deg, #ff5a1f 0%, #7fb2ff 100%);
background: radial-gradient(circle, #ff5a1f 0%, #7fb2ff 100%);
background: conic-gradient(from 135deg, #ff5a1f 0%, #7fb2ff 100%);
- The angle sets the direction:
0deggoes bottom to top,90degleft to right. - Each color stop takes a color and an optional position from 0% to 100%.
- Use subtle gradients (two similar colors) for modern, professional backgrounds.
Need matching colors? Start from the color palette generator.