CSS-Gradient-Generator
Erstellen Sie schöne Gradienten mit Live-Vorschau und kopierbereitem CSS- oder Tailwind-Code
Live-Vorschau
CSS & Tailwind
Interaktiver Editor
Live-Vorschau
Sehen Sie Ihren Gradienten in Echtzeit
💡 Klicken Sie überall, um einen Farbstopp hinzuzufügen, ziehen Sie bestehende Stopps, um sie neu zu positionieren, klicken Sie auf einen Stopp, um ihn zu bearbeiten
Einstellungen
Generierter Code
Kopieren Sie den Code für Ihr Projekt
background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);.gradient {
background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);
}