← Zurück zu den Tools
CSS-Verlaufsgenerator
135°
%
%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Vorlagen
Häufig gestellte Fragen
Was ist ein CSS-Verlauf?+
Ein CSS-Verlauf ist ein fließender Übergang zwischen zwei oder mehr Farben. CSS unterstützt mehrere Typen, darunter linear-gradient (Farben ändern sich entlang einer geraden Linie) und radial-gradient (Farben strahlen von einem Mittelpunkt aus).
Wie nutze ich den Verlaufsgenerator?+
Wähle einen Verlaufstyp (linear oder radial), füge Farbstopps hinzu, passe die Positionen per Drag-and-Drop an und feiniere den Winkel. Du kannst den CSS-Code direkt kopieren oder den Verlauf als Bild in verschiedenen Größen und Formaten herunterladen.
Darf ich diese Verläufe kommerziell nutzen?+
Ja! Alle Verläufe, die du erstellst, gehören dir und kannst du nach Belieben verwenden — in privaten Projekten, kommerziellen Websites, Apps oder für jeden anderen Zweck. Keine Namensnennung erforderlich.
Was ist der Unterschied zwischen linearen und radialen Verläufen?+
Lineare Verläufe wechseln Farben in einer geraden Linie unter beliebigem Winkel. Radiale Verläufe strahlen Farben von einem Mittelpunkt aus in kreisförmiger oder elliptischer Form ab.
Ist dieser Verlaufsgenerator kostenlos?+
Ja, völlig kostenlos und ohne Anmeldung. Alles läuft in deinem Browser — wir speichern keine Daten und verlangen keine Bezahlung.
Mehr erfahren
Verfügbar fürmacOS&Windows
Lass jeden Screenshot pro aussehen.
ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.
ScreenSnap Pro entdecken