Image does not invert on hover out

Hey! So I am have trouble with interactions on hover. I have an element (div block 7) which changes colors along with other animations on hover (it is the 3 cards on the left). It is doing all that on hover but when I hover out, the arrow does not revert back to it’s original color of black. I used filter -> invert color to change it to white originally but on the hoverout animation (cardanimation2) I did invert again but it is not changing back to black. Could someone point out how to do this properly? I have shared a read only link. Thank you!

Initial State

hover state

on hover out


Here is my public share link: https://preview.webflow.com/preview/sumaita-habib?utm_medium=preview_link&utm_source=designer&utm_content=sumaita-habib&preview=3dd0b38e6d82fba4da50645f2dc38f42&mode=preview

Hi,

This is because you have card1animation2 setup incorrectly on hover out.

On card1animation2 if you change the Invert to 0% and then group it up at the top with the rest of your interactions to the time at 0.00 it should work fine.

Before:

After:

Hope this helps!

1 Like

Thank you! I did not think it was as simple as that. Saved me a ton of time.