CSS Gradient

Size

Width

px

Height

px

Space new variant

Presets

Settings

Brand palette

No brand palette yet. Create one in the Brand Kit

Colors

Colors

Color space

Hue direction

Gradient

Type

Angle

Loop back to first color

Transition

Easing

Advanced

Extra stops

Keyboard shortcuts

Keyboard shortcuts
Keys	Action
`Space`	New variant
`⌘/CtrlZ`	Undo
`⇧⌘/CtrlZ`or`CtrlY`	Redo
`←`	Previous variant
`→`	Next variant
`0`	Zoom to fit
`1`	Zoom to 100%
`⌘/CtrlS`	Save
`⌘/CtrlE`	Open export
`⌘/Ctrl⇧C`	Copy as PNG
`⌘/Ctrl⇧K`	Switch light and dark
`?`	This overview

Shortcuts pause while you type in a field.