Praktisches Beispiel
- Eingabe
Typ: Linear Erste Farbe: #336699 Zweite Farbe: #ffffff Winkel: 90- Ergebnis
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
CSS Verlauf Generator
Erstelle lineare und radiale CSS-Verläufe mit zwei Farben, Winkel und Vorschau. Kopiere den Code oder lade die CSS-Datei herunter.
Ergebnis
Daten eingeben und Werkzeug starten.
Wir zählen die meistgenutzten Werkzeuge, ohne Eingabewerte oder Dateiinhalte in die Statistik aufzunehmen. Datenschutz
So verwendest du das Werkzeug
- Lege Erste Farbe / Zweite Farbe / Typ / Winkel fest.
- Wähle „Verarbeiten“, prüfe das Ergebnis und kopiere es oder lade es über die Schaltflächen herunter.
Methode und Grenzen
Zwei HEX-Farben und einen Winkel von 0 bis 360 Grad wählen. Der Winkel gilt nur für lineare Verläufe.
Beispiel
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)