Hover Animation issue (Initial State)

Hi all,

Having an issue setting up an interaction for my portfolio. The animation itself works well, but for some reason when initially viewing the page, the “Project Image” starts in the hover state. After physically hovering, everything resets correctly.

I’m wondering why it starts in that state.

Hope that makes sense and thanks in advance!


Here is my public share link: LINK

Welcome to the Community @wonkee! :wave:

It looks like you’re including some initial styles on the hover out interaction—essentially overriding the initial styles you’re setting on the hover in interaction:

If you remove these you should see the interaction working as expected :+1:

Hey @mikeyevin!

Thanks so much for the solution. Worked perfectly! :tada:

1 Like