# CSS Gradient Builder

URL: https://phishdestroy.io/developer-tools/css-gradient-builder
Category: Misc
Where it runs: Runs locally (nothing you enter is uploaded)

Choose linear or radial, an angle and two colors; the preview and the CSS background declaration update as you change them.

## Example input

Left-to-right gradient

```
90
```

Sets the angle to 90°: background: linear-gradient(90deg, #22c55e, #3b82f6); with the default green and blue.

## FAQ

### What gradients can it build?

Two color stops only: a linear-gradient() at an angle in degrees, or a radial-gradient(circle, …) from the center. For more stops, stop positions or repeating gradients, edit the copied CSS.

### Why does the angle not affect the radial gradient?

The angle is only used for linear gradients; the radial option always draws a centered circle.

### Does it send anything?

No. The CSS is built and previewed in your browser; nothing is uploaded.

## Related tools

- [CSS Box-Shadow Builder](https://phishdestroy.io/developer-tools/box-shadow-builder)
- [CSS Border Radius Builder](https://phishdestroy.io/developer-tools/border-radius-builder)
- [Color Converter](https://phishdestroy.io/developer-tools/color-converter)
- [Color Palette Generator](https://phishdestroy.io/developer-tools/color-palette-generator)
- [SVG Placeholder Generator](https://phishdestroy.io/developer-tools/svg-placeholder-generator)

All tools: https://phishdestroy.io/developer-tools