Gradient-Generator
CSS-Gradienten mit 15 Voreinstellungen erstellen, Export nach CSS, Tailwind, SCSS und PNG
Über Gradient-Generator
Erstelle individuelle CSS-Gradienten mit 15 Voreinstellungen, Live-Vorschau und Export nach CSS, Tailwind, SCSS oder PNG.
So verwenden Sie Gradient-Generator
- 1Wähle den Gradient-Typ: Linear, Radial oder Konisch.
- 2Füge Farben hinzu oder bearbeite sie — ziehe die Stopps, um Positionen anzupassen.
- 3Stelle den Winkel (linear) oder die Form (radial: Kreis/Ellipse) ein.
- 4Starter+: Wähle aus 15 professionellen Voreinstellungen oder klicke auf "Zufällig".
- 5Kopiere den CSS-Code oder exportiere nach Tailwind, SCSS oder PNG.
Tipps
- Der konische Modus ist perfekt für Farbrad-Effekte oder Zeigerindikatoren.
- Lade den Gradienten als PNG herunter, um ihn als Hintergrundbild, Banner oder Platzhalter zu verwenden.
- Die Textvorschau zeigt, wie der Gradient als background-clip: text-Effekt aussieht.
OneKitTools-TeamAktualisiert 2.21.4