CSS-Verlauf-Generator
Zwei Farben wählen, linear oder radial und den Winkel einstellen. Vorschau ansehen und das CSS kopieren.
So funktioniert es
- 1
Zwei Farben wählen
HEX-Codes für Anfang und Ende.
- 2
Typ und Winkel wählen
Linear mit beliebigem Winkel oder radial.
- 3
CSS kopieren
In Ihr Stylesheet einfügen.
Passende Tools
Diese Tools werden direkt im Anschluss genutzt.
Gemacht, um nicht im Weg zu stehen
487
Verfügbare Tools
6
Sprachen
0
Hinzugefügte Wasserzeichen
2h
Bis Ihre Dateien gelöscht sind
100%
Kostenloser Einstieg
∞
Unterstützte Geräte
Häufige Fragen
0deg verläuft von unten nach oben, 90deg von links nach rechts, 180deg von oben nach unten.
Farbverläufe ohne Rätselraten
CSS-Verläufe ersetzen Hintergrundbilder durch eine einzige Codezeile: schnell geladen, auf jedem Bildschirm scharf und leicht zu ändern. Lineare Verläufe folgen einem Winkel (90deg verläuft von links nach rechts); radiale breiten sich vom Zentrum aus.
Das Tool zeigt eine Live-Vorschau und gibt die background-Deklaration aus, die Sie direkt in Ihr CSS einfügen können. Nichts wird hochgeladen.