CSS-Gradient-Generator

CSS-Gradient-Generator

CSS-Farbverläufe im Handumdrehen

Der Generator baut linear-gradient und radial-gradient visuell. Wähle Farben, Positionen und – bei linearen Verläufen – den Winkel. Die Vorschau zeigt das Ergebnis sofort.

  • Linear: Verlauf entlang einer Achse, Richtung über den Winkel (0° = nach oben, 90° = nach rechts).
  • Radial: Verlauf vom Mittelpunkt nach außen.
  • Farbstopps: Die Position in Prozent bestimmt, wo eine Farbe beginnt bzw. endet.

Verwandte Tools

Nach oben scrollen