Description CSS3 gradients cannot be animated as of now. There are a variety of tricks which involve the use of background-position or pseudo elements to fake an animation for gradients. But those methods require a lot of manual fine tuning and don't yield the desired results. A cool trick @kushsolitary suggested to me was to breakdown the gradient into a background-color containing a static color