Was ist ein Farbverlauf?
Ein Farbverlauf ist ein sanfter Übergang zwischen zwei oder mehr Farben. Im Webdesign sind Verläufe für Hintergründe, Buttons und Header beliebt, weil sie mit sehr wenig Code Tiefe und einen modernen Look erzeugen.
Linearer vs. radialer Farbverlauf
Ein linearer Verlauf ändert die Farbe entlang einer geraden Linie; die Richtung steuerst du über den Winkel (0° zeigt nach oben, 90° nach rechts). Ein radialer Verlauf beginnt in einem Mittelpunkt und breitet sich kreisförmig aus. Dieser Generator erstellt beide und liefert dir den passenden CSS-Code (linear-gradient oder radial-gradient).
So nutzt du ihn in CSS
Kopiere den Code und füge ihn in die Eigenschaft background deines Elements ein. Du kannst mehrere Farben hinzufügen und jede einzeln bearbeiten. Brauchst du dazu eine passende Farbpalette, probiere den Farbpaletten-Generator oder prüfe den Kontrast, bevor du Text darüber setzt.