CSS-Verlauf-Generator
Erstellen Sie CSS-Verläufe visuell — linear, radial und konisch. Fügen Sie mehrere Farbstopps hinzu und kopieren Sie den fertigen CSS-Code.
CSS
Funktionen
Linear / radial / conic
Multiple color stops
Angle / direction control
Live preview & CSS code
Anleitung
1. Wählen Sie den Verlaufstyp (linear, radial, konisch).
2. Klicken Sie auf +, um Farbstopps hinzuzufügen, und ziehen Sie sie an die gewünschte Position.
3. Passen Sie Winkel und Richtung an.
4. Kopieren Sie den generierten CSS-Code.
Häufig gestellte Fragen
What types of gradients does CSS support?
CSS supports linear, radial, and conic gradients, each with different visual effects.
Verwandte Werkzeuge
CSS-Box-Shadow-Generator
Erstellen Sie CSS-box-shadow-Eigenschaften visuell mit Schiebereglern. Sehen Sie...
CSS-Border-Radius-Generator
Gestalten Sie CSS-border-radius visuell — steuern Sie alle vier Ecken einzeln od...
CSS-Flexbox-Spielwiese
Lernen und experimentieren Sie mit CSS Flexbox. Passen Sie Container-Eigenschaft...
CSS-Grid-Generator
Erstellen Sie CSS-Grid-Layouts visuell. Legen Sie Zeilen, Spalten und Abstände f...