You can't animate gradient colors in CSS. No, really. There are a lot of animatable properties, but the one used for gradients, background-image, is not on the list. Fortunately, if you were looking to animate a simple light-to-dark gradient fade, then there's a decent workaround. Use background-size to stretch your gradient to be taller than the element it's on. Now you can animate background-pos