CSS Gradient Generator
Erstellen Sie CSS-Farbverläufe mit einem visuellen Editor.
Richtung
CSS:
Advertisement
Erstellen Sie wunderschöne CSS-Farbverläufe visuell. Passen Sie Farben und Winkel an und kopieren Sie den clientseitig generierten CSS-Code.
So funktioniert es
- Wähle eine Richtung, oder wechsle zum radialen Verlauf.
- Stelle deine Farben ein und ergänze weitere Stopps, falls nötig.
- Kopiere das erzeugte CSS direkt in dein Stylesheet.
Häufige Fragen
Welches CSS wird erzeugt?
Standardwerte mit linear-gradient() und radial-gradient(), von allen aktuellen Browsern ohne Präfix unterstützt.
Wie viele Farben kann ich nutzen?
So viele du willst, aber zwei oder drei wirken meist am besten. Lange Ketten von Stopps werden an den Übergängen schnell schmutzig.
Warum wird mein Verlauf in der Mitte grau?
Weil zwei gegenüberliegende Farbtöne über einen entsättigten Punkt ineinander übergehen. Nimm Farben, die im Farbkreis näher beieinander liegen, oder setze einen Stopp dazwischen.