Streaming live at 10am (PST)

How to limit animation to hovered dynamic list item and not all items


#1

Good morning, I am currently having trouble with my cms list items. I have a have animation being applied to the a list item class but it is currently animating all three items. I would only like the animation to affect the current hovered item rather than all three list items. Can someone please help!?

http://go4graham.webflow.io/

If you look at the 4th section on this site you will see what I am talking about.

Thanks!


#2

Hey @info5659

Please provide a read-only link to the project. Thanks.


#3

https://preview.webflow.com/preview/go4graham?preview=cc4dbf6b49f111b78c763219c64c7941
Thanks!


#4

Limiting the interaction to children will solve it. Set each step to affect Class and Only Children.

Hope that helps. Happy designing!


#5

Thanks! This was extremely helpful!