Transition on background image

Question

I have created a div with 200 px height and width ,
And set the background-image as linear gradient
And on Hover I have different gradient ,but the problem is that I am not getting transition of 0.5s on putting transition:0.5 s

Pls help me 🙏

Answer 1

Transitioning gradients is not supported (yet?).
Curiously there are some hacks to achieve the visual effect:
https://css-tricks.com/transitioning-gradients/