CSS Gradient Generator

The CSS Gradient Generator is a super simple tool that lets you create cool custom gradients for your website or projects. Pick your colors, choose your gradient type, and see the magic happen live. Then, grab the CSS code and use it right away!

---

Features

• Live Preview: See your gradient in action instantly.
• Custom Colors: Pick two colors to make your gradient.
• Gradient Types: Choose between Linear or Radial gradients.
• Adjustable Direction: Set the angle for linear gradients (e.g., 90° for vertical).
• CSS Code Output: Get the CSS code for your gradient and use it wherever.

---

Demo

Check it out here: CSS Gradient Generator

---

Screenshot

Here’s what it looks like:

---

How to Use

1. Open the CSS Gradient Generator.
2. Pick two colors using the color pickers.
3. Choose the gradient type (Linear or Radial).
4. For linear gradients, set the direction in degrees (e.g., 90 for vertical).
5. Hit "Generate Gradient" and see the magic.
6. Copy the CSS code from the output box and you’re good to go.

---

What's Next?

Some things we might add later:

• Support for more than two colors in gradients.
• Transparency options using RGBA.
• A "Copy CSS" button so you don’t have to manually copy.
• Advanced options for radial gradients (elliptical shapes, etc.).

---

Contributing

Got an idea to make this better? Fork the repo, submit a PR, and we’ll check it out. Let’s make this tool even cooler together!