Farbverlauf

CSS unterstützt linear-gradient (gerade Linie), radial-gradient (kreisförmig) und conic-gradient (um einen Mittelpunkt). Jeder kann mehrere Farbstopps haben.

Verwenden Sie Farben, die im Farbkreis nahe beieinander liegen, fügen Sie Zwischenfarbstopps hinzu und vermeiden Sie Komplementärfarben, die trübe Mittelpunkte erzeugen können.

CSS-Gradienten können nicht direkt animiert werden, aber Sie können background-position animieren oder CSS-Custom-Properties mit @property für sanfte Übergänge verwenden.