Verlaufsgenerator

Gestalten Sie lineare, radiale und konische Verläufe mit ziehbaren Stops — und kopieren Sie produktionsreifes CSS.

DesignLOCAL

Vorschau

Optionen

Typ

Winkel

deg

Presets

Stops

Ziehen Sie einen Griff, um einen Stop zu verschieben; klicken Sie auf die Leiste, um einen hinzuzufügen. Pfeiltasten verschieben um 1 %, Shift+Pfeile um 10 %, Entf entfernt den fokussierten Stop.

%
Deckkraft100%
%
Deckkraft100%

TypLinear

Stops2

Winkel90°

CSS-Größe61 B

Ausgabe

background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);