CSS Gradient Studio

Build, preview, and export CSS gradients

Gradient Type LINEAR

Color Stops 0

Direction 180deg

Layers 1

CSS Output IDLE

Type

Angle

180°

Shape

Size

Position

X 50%

Y 50%

Repeat

Presets

Layers

Color Stops

CSS Output

/* select a gradient */