CSS-Generator für animierte Farbverläufe
Erstelle lineare, radiale und konische Farbverläufe, passe Animationen an und exportiere CSS.
Verlaufsvoreinstellungen
Meeresbrise
Warmer Sonnenuntergang
Coole Minze
Lila Dunst
Tropisch
Feuer
Zuckerwatte
Elektrisches Violett
Mitternacht
Aurora
Pfirsich
Aquamarin
Farbstopps
CSS-Code
.gradient-background {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}Farbverlaufstyp
Winkel: 135°
Farben
%
%
Animation
Farbverlaufstipps
🎨 Farbharmonie
Verwenden Sie benachbarte Farben im Farbkreis für sanfte Übergänge oder Komplementärfarben für lebendige, auffällige Effekte.
⚡ Leistung
Animierte Farbverläufe mit background-position sind GPU-beschleunigt und leistungsfähiger als filter-Animationen.
🔧 Barrierefreiheit
Sorgen Sie für ausreichenden Kontrast für jeden Text, der über Farbverläufen platziert wird. Erwägen Sie das Hinzufügen von prefers-reduced-motion-Medienabfragen.