Radialer Verlaufsgenerator
Kreis- oder ellipsenförmige CSS-Verläufe live erstellen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Mit diesem Tool erstellst du einen kreis- oder ellipsenförmigen radialen Verlauf, indem du Form, Startposition und bis zu fünf Farbstopps anpasst – das Ergebnis wird sofort angezeigt. Es eignet sich für Designer und Frontend-Entwickler, die fertigen CSS-Code für Hintergründe, Buttons oder Karten-Designs benötigen. Die gesamte Verarbeitung läuft im Browser, es werden keine Daten an einen Server gesendet.
Anleitung
- Form wählen: Kreis oder Ellipse
- Startposition des Verlaufs im 3x3-Raster anklicken
- Farbe und Position (%) jedes Farbstopps anpassen, bei Bedarf Stopps hinzufügen oder entfernen
- Ergebnis in der Vorschau prüfen und den generierten CSS-Code kopieren
FAQ
- Wie viele Farbstopps kann ich hinzufügen?
- Du kannst zwischen 2 und 5 Farbstopps verwenden, jeder mit eigener Farbe und Position.
- Wie nutze ich den generierten CSS-Code?
- Mit dem Kopieren-Button erhältst du einen fertigen radial-gradient-Wert für die background-Eigenschaft.
- Wie funktioniert die Positionswahl?
- Klicke im 3x3-Raster eine der neun Positionen wie top left, center oder bottom right an.