CSS Gradient Generator

background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);

Tips

  • Use multiple color stops to create more complex gradients
  • Adjust the angle for linear gradients to change the direction
  • Try radial gradients for circular or elliptical effects
  • You can add up to 5 color stops for more detailed gradients