CSS-Verlaufsgenerator

Gestalten Sie einen linearen oder radialen CSS-Verlauf mit Live-Vorschau und kopieren Sie dann das CSS.

100 % privat – läuft vollständig in Ihrem Browser. Ihre Daten werden auf Ihrem Gerät verarbeitet und niemals ins Internet gesendet.

Über dieses Tool

Mit diesem kostenlosen CSS-Verlaufsgenerator gestalten Sie einen linearen oder radialen Verlauf mit beliebig vielen Farbstopps, legen den Winkel fest, sehen ihn live in der Vorschau und kopieren das fertige CSS.

Alles läuft in Ihrem Browser — nichts wird hochgeladen.

Funktionen

  • Lineare oder radiale Verläufe
  • Mehrere Farbstopps mit anpassbaren Positionen
  • Winkel-Steuerung für lineare Verläufe
  • Live-Vorschau und CSS kopieren mit einem Klick

So wird es verwendet

  • Wählen Sie einen Typ — linear oder radial
  • Legen Sie Ihre Farbstopps fest — Farben ändern und Positionen ziehen, bei Bedarf weitere hinzufügen
  • Passen Sie den Winkel an (linear)
  • Kopieren Sie das CSS — fügen Sie es direkt in Ihr Stylesheet ein

Weitere Tools

Alle anzeigen