Was sind CSS-Verläufe?
Mit CSS-Verläufen können Sie sanfte Übergänge zwischen zwei oder mehr Farben erstellen. Sie werden häufig für Hintergründe, Schaltflächen und dekorative Elemente in der Webgestaltung verwendet, ohne dass Bilddateien erforderlich sind.
Arten von Verläufen
- Linearer Gradient: Farben gehen entlang einer geraden Linie bei einem festgelegten Winkel über. Verwenden Sie
linear-gradient()in CSS. - Radialer Gradient: Farben strahlen von einem Mittelpunkt in einer kreisförmigen oder elliptischen Form aus. Verwenden Sie
radial-gradient()in CSS.
Tipps zur Verwendung
- Wenden Sie das generierte CSS auf die
background-Eigenschaft eines beliebigen Elements an. - Verläufe können zusammen mit background-color als Fallback für ältere Browser verwendet werden.
- Kombinieren Sie mit
background-sizeundbackground-repeatfür Mustereffekte.
Häufig gestellte Fragen
Werden CSS-Verläufe in allen Browsern unterstützt?
Ja. CSS-Verläufe werden in allen modernen Browsern wie Chrome, Firefox, Safari und Edge unterstützt. Keine Hersteller-Präfixe sind erforderlich.
Kann ich mehr als zwei Farben verwenden?
Ja, CSS unterstützt Verläufe mit mehreren Farbstops. Dieses Werkzeug generiert der Einfachheit halber zweifarbige Verläufe, aber Sie können weitere Farbtöne hinzufügen, indem Sie das CSS bearbeiten.