🌈

CSS-Gradient

Lineare oder radiale Verläufe mit bis zu drei Stops bauen, Winkel setzen und die Vorschau live sehen. Produktions-CSS per Klick kopieren.

FAQ

Welches CSS entsteht?

Eine einzige background-Eigenschaft, z. B. linear-gradient(135deg, #ff7a1a, #ffd166) — läuft in allen modernen Browsern.

Linear oder radial?

Beides. Linear verläuft im einstellbaren Winkel, radial strahlt von der Mitte aus.

Wie viele Stops?

Bis zu drei. Weniger Stops wirken meist cleaner und moderner.

Verwandte Tools