We can’t directly animate gradients using the CSS transition property

A gradient is not color but image.

If you animate gradients, use a trick which animate position.