Hover Transition help

codepen link : https://codepen.io/dsxv007/pen/RZvppL

Hi everyone!
I’ve put a hover transition feature in division with Id=main.
when the cursor moves over transition takes place steadily(as per my code),
However, when the mouse moves away the color fades instantly.
I need modification so that the out transition also takes place steadily.
Thanks in advance!

Just move this transition: 1s ease-in-out; from #main:hover to #main and it will solve the problem.

1 Like

It worked! thanks a lot!

1 Like