← Webtools
CSS Gradient & Shadow Generator
Build linear/radial gradients and box-shadows with a live preview and copy-ready CSS.
Gradient
Box Shadow
Type
Linear
Radial
Angle
90deg
Position
Center
Top
Bottom
Left
Right
Color stops
Add stop
Preview
CSS
Copy
Offset X
Offset Y
Blur
Spread
Color
25%
Inset
Preview
CSS
Copy