CSS-Verlaufsgenerator
Lineare und radiale Farbverläufe visuell erstellen und als CSS kopieren
Platzieren Sie beliebig viele Farbstopps frei, um lineare und radiale Farbverläufe zu gestalten, und erzeugen Sie direkt verwendbaren CSS-Code.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Fügen Sie Farbstopps hinzu und passen Sie Farbe und Position an.
- Legen Sie linear/radial und den Winkel fest und prüfen Sie die Vorschau.
- Kopieren Sie den erzeugten background-CSS-Code und verwenden Sie ihn.
FAQ
- Was ist ein Farbstopp?
- Ein Farbstopp ist die Stelle, an der eine bestimmte Farbe im Verlauf sitzt. Mit mehreren Stopps lassen sich abwechslungsreiche Übergänge erzeugen.
- Sind auch radiale Verläufe möglich?
- Ja, sowohl linear als auch radial werden unterstützt, inklusive einstellbarem Winkel und Mittelpunkt.
- Kann ich das Ergebnis direkt verwenden?
- Fügen Sie den erzeugten Code `background: linear-gradient(...)` einfach in Ihr CSS ein.