Image rotation animation not working

Hi,

I am trying to create custom dropdown animations for the navbar using this website reference - reference website.

But when I try to create the hover out animation of the dropdown_list div block, it does not animate the image from 180 DEG to 0 DEG . Can you please help me out ? I have a deadline today.

I am using hover in animation on the dropdown div in navbar and for hover out I am adding the hover out interaction to the dropdown_list div block.

Is there any rule that we cannot manipulate transformation properties of one element from two different interactions ?

If you have a better idea to create this dropdown animation then please share that too. I’d love all help I can get.


Here is my public share link: read only link