Lineare Gradients
Lineare Gradients uebergehen Farben entlang einer geraden Linie, definiert durch einen Winkel. Die Standardrichtung ist von oben nach unten (180deg). Gaengige Winkel umfassen 90deg fuer links nach rechts und 45deg fuer diagonal. Farbstopps steuern, wo die Uebergaenge entlang der Gradient-Linie stattfinden.
Radiale Gradients
Radiale Gradients strahlen von einem Mittelpunkt nach aussen in kreisfoermiger oder elliptischer Form aus. Die Standardform ist eine Ellipse entsprechend den Proportionen des Elements. Verwenden Sie das Schluesselwort circle fuer einen perfekt runden Gradient. Position und Groesse 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 fuer Tortendiagramme, kreisfoermige Fortschrittsanzeigen und dekorative winklige Muster ohne SVG oder Canvas.
Best Practices fuer Gradients
Verwenden Sie Gradients sparsam fuer maximalen visuellen Impact. Begrenzen Sie Farbstopps auf zwei oder drei fuer saubere Designs. Testen Sie Gradients auf verschiedenen Bildschirmgroessen. Beruecksichtigen Sie die Barrierefreiheit, indem Sie sicherstellen, dass Text auf Gradients ausreichenden Kontrast behaelt.
