CSS Gradient Generator
Schöne CSS-Verläufe mit einem intuitiven visuellen Editor erstellen. Aus Vorlagen wählen oder Farben, Winkel und Stopps anpassen.
0°90°180°270°360°
%
%
background: linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);
CSS Gradients - Technische Details
CSS gradients let you display smooth transitions between two or more colors. They're created using the background-image property with linear-gradient() or radial-gradient() functions.
Kommandozeilen-Alternative
/* Linear Gradient */\nbackground: linear-gradient(135deg, #00d4ff, #a855f7);\n\n/* Radial Gradient */\nbackground: radial-gradient(circle, #00d4ff, #a855f7);