How to get my animation to work

Design help Animations & Interactions
1

Hi there,

I am new to Webflow and I am trying to make an animation apply to the same class.
In the Services Section of the website I have created an animation to make the information slide down when hovered on.
For some reason, the animation is only working for the first card, although they are all labelled as the same class and the class has been chosen to be affected by the animation.

I’m not sure how to get this same animation working for each indivudual card - which is what I would like.

Any suggestions would be so appreciated!

Thanks so much!

Here is my public share link: [LINK](Webflow - NEW DRAFT Felicity)
(how to access public share link)

2

Hi @Smuellerr,

You need to add the same interaction that’s on the first .card-1 to the other .card-1 elements. That way Webflow knows which elements should be triggered on hover.

3

Oh my goodness, as easy as that huh?

I was trying to add each card into the timed animation instead of just applying the animation to the card itself.

Thanks so much appreciate it!

1 Like