Was ist Verlauf zu CSS?

Ein visueller Gradientenersteller, mit dem Sie lineare, radiale und konische Verläufe mit mehreren Farbstopps gestalten und dann den exakten CSS-Code kopieren können. Passen Sie Winkel, Positionen und Farben mit einer Live-Vorschau an – kein manuelles Codieren erforderlich.

Anleitung

1. Wählen Sie einen Verlaufstyp (linear, radial oder konisch) und legen Sie die Richtung oder den Winkel fest.
2. Fügen Sie Farbstopps hinzu, entfernen oder passen Sie sie an, indem Sie auf die Verlaufsleiste klicken oder die Farbauswahl nutzen.
3. Kopieren Sie den generierten CSS-Code zur direkten Verwendung in Ihrem Stylesheet.

Ergebnis

Erstellen Sie einen Sonnenuntergangs-Verlauf: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) – ideal als Hintergrund für einen Hero-Bereich.

Ähnliche Tools