Lineare Gradients
Lineare Gradients übergehen Farben entlang einer geraden Linie, definiert durch einen Winkel. Die Standardrichtung ist von oben nach unten (180deg). Gängige Winkel umfassen 90deg für links nach rechts und 45deg für diagonal. Farbstopps steuern, wo die Übergaenge entlang der Gradient-Linie stattfinden.
Radiale Gradients
Radiale Gradients strahlen von einem Mittelpunkt nach außen in kreisfoermiger oder elliptischer Form aus. Die Standardform ist eine Ellipse entsprechend den Proportionen des Elements. Verwenden Sie das Schluesselwort circle für einen perfekt runden Gradient. Position und Größe steuern Ursprung und Ausdehnung.
Konische Gradients
Konische Gradients rotieren Farben um einen Mittelpunkt wie ein Farbrad. Sie beginnen bei einem definierten Winkel und schwenken im Uhrzeigersinn. Sie sind ideal für Tortendiagramme, kreisfoermige Fortschrittsanzeigen und dekorative winklige Muster ohne SVG oder Canvas.
Best Practices für Gradients
Verwenden Sie Gradients sparsam für maximalen visuellen Impact. Begrenzen Sie Farbstopps auf zwei oder drei für saubere Designs. Testen Sie Gradients auf verschiedenen Bildschirmgrößen. Beruecksichtigen Sie die Barrierefreiheit, indem Sie sicherstellen, dass Text auf Gradients ausreichenden Kontrast behaelt.
