CSS-Verlaufsgenerator
Erstellen Sie wunderschöne CSS-Verläufe visuell. Linear, radial, konisch. Exportieren Sie sauberen CSS-Code. Kostenlos, sofort.
About CSS Gradients
CSS gradients let you display smooth transitions between two or more colors. They're defined as background-image values:
- Linear: Colors transition along a straight line (angle-based)
- Radial: Colors radiate from a center point (circular/elliptical)
- Conic: Colors rotate around a center point (pie-chart style)
Copy the generated CSS and paste it directly into your stylesheet.
About Gradient Generator
Erstellen Sie wunderschöne CSS-Verläufe visuell. Lineare und radiale Verläufe mit mehreren Farbstopps. Passen Sie Winkel, Position und Farbverteilung an. Kopieren Sie gebrauchsfertigen CSS-Code. Perfekt für Web-Hintergründe, Schaltflächen und UI-Design.
Linear & Radial
Wechseln Sie zwischen linearen und radialen Verlaufstypen. Steuern Sie Winkel, Position und Form für perfekte Ergebnisse.
Mehrere Farbstopps
Fügen Sie unbegrenzt viele Farbstopps hinzu. Ziehen Sie sie, um sie zu positionieren, und passen Sie jede Farbe mit der Farbauswahl an. Erstellen Sie mühelos komplexe Verläufe.
Live-CSS-Ausgabe
Kopieren Sie den exakten CSS-Verlaufscode. Bereit zum Einfügen in Ihre Stylesheets, Tailwind-Konfiguration oder Ihr Designsystem.
Echtzeit-Vorschau
Sehen Sie Ihren Verlauf, während Sie ihn erstellen. Die Vollbreiten-Vorschau aktualisiert sich sofort bei jeder Farb- oder Winkeländerung.