CSS-Verlaufsgenerator
Lineare und radiale Farbverläufe visuell erstellen und als CSS kopieren
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Platzieren Sie beliebig viele Farbstopps frei, um lineare und radiale Farbverläufe zu gestalten, und erzeugen Sie direkt verwendbaren CSS-Code.
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.