Get Css Transition Background Color Gradient Gif. To create a linear gradient you must define at least two color stops. He documents a clever tactic of positioning a pseudo element covering the element with a different background and transitioning the opacity of.
This is a workaround i used that worked for my purposes, maybe it will work for you.
Gradient color overlay in background image. Gradient transition can by done with little bit of cheating. Gradients are css elements of the image data type that show a transition between two or more colors. Instead of animating the background gradient, i animate the background color.