Hover Transition help

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.


It worked! thanks a lot!