A PHP Error was encountered

Severity: Notice

Message: Undefined index: HTTP_ACCEPT_LANGUAGE

Filename: controllers/item.php

Line Number: 25

Deutsch

Verläufe können nicht animiert werden. Sie werden über die Eigenschaft background-image erzeugt, die nicht animiert werden kann. Aber man kann die Position des Hintergrundbildes animieren. Also muss man nur die Dimensionen des Hintergrundbildes vergrößern und den Verlauf dann verschieben. Das kann bedeuten, dass man für manche Lösungen evtl. mit Farbstops arbeiten muss. Diese werden nicht vom alten IE unterstützt, weshalb es dann leider keine gleichwertige Fallbacklösung für diesen gibt.

English

You can't animate gradient colors with pure CSS. Gradients are set via background-image, which is not (currently) an animatable property. But background-position is. So you can use background-size to make the background taller than the element it's on, then animate background-position to slide it up or down. The result is a simple animated fading gradient.

Blog post: Gradient Animation Trick