๐ŸฆŠFoxi Tools
๐ŸŒˆ

Gradient Generator

Create CSS gradients easily

%
%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

๐Ÿ“– How to Use

  1. Select gradient type (linear/radial)
  2. Adjust the angle (for linear)
  3. Add colors and adjust positions
  4. Copy the generated CSS code

โœจ Features

  • โœ“Linear/radial gradients
  • โœ“Multiple color support
  • โœ“Adjustable angle
  • โœ“Real-time preview
  • โœ“Automatic CSS code generation

โ“ FAQ

Q. How many colors can I add?

A. You can add as many colors as you want without limit.

Q. Does the code work in all browsers?

A. Yes, it uses modern CSS syntax supported by all current browsers.

๐Ÿ”— Related Tools

Box Shadow GeneratorText Shadow GeneratorBorder Radius GeneratorCSS Minifier
Gradient Generator - Free Online Tool | Foxi Tools