Streaming live at 10am (PST)

Hover effects questions


#1

There is a hover effect on the image at the top of Lebron James. It works as I want but when you mouse off, then back on again the child animations no longer work. Any ideas why those animations only work on the first mouse over?

Share link


#2

The child interactions are not listed in the element panel.


#3

The interaction is on the div “Block”. And the animation is called “Block Animate” Here is a screen grab.


#4

@lorentracy

I think you’re currently checking your animation “on hover”, make sure to return your elements to their initial state “on hover out”:

13


#5

Oh on the “on Hover Out”, the animation is not present. You need to add the - back to origin affects.


#6

Thats the fix. Thanks!

For others - To easily get the child elements back to their original position I just duplicated the original animation, deleted the “end” positions. Then pull the original element positions down in the element panel so they are no longer in the “set as initial state” state.


#7

Awesome, glad to help! Holler whenever you need help :grin:


#8

@webflow

A “reverse animation” checkbox would surely simplify the need to re-animate your elements into their original place on mouse-out.


#9

Hmm maybe?? From experience, hovers are waaaay better that click interactions for sure. But we don’t yet have the ‘active’ on hover in place yet. But really, there’s always gonna be a Catch-22 no matter how advanced the functionality :wink:


#10

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.