Individual slide elements animating?

Hey there!

I can’t figure out why the hero elements aren’t animating when you go to a new slide?

I have it set up to reference the classes contained in each of the sliders and have it set up to be triggered when “Slider in View” but it only animates the first slide. The others look to have already finished their animations when you reach their slide.

Here’s a quick video explaining what I’m talking about in more detail and in context:
https://www.screencast.com/t/eTjdMHWJ4vZI

Thanks so much!


Here is my public share link: LINK
(how to access public share link)

2 Likes

Hey @adiggy

I think that you need to set up the out of view animation. The out of view animation needs to be the opposite. If you want something to animate from 0% opacity to 100% opacity, you will make slider in to 100% and slider out back to 0%. I hope this makes sense.

Piter :webflow_heart:

Makes perfect sense! Thanks for the idea Piter and for getting in there with me, but I applied the “out of view” animation to reset all the parameters and it still doesn’t work? I even applied the same interaction directly to each of the 4 slides just in case that was needed and nada. Any other ideas? Again, thanks so much!

1 Like

Here’s a screen record > https://www.useloom.com/share/cfd96924bf9044adba668837781c7e1a

Feel free to reach out if you need help :webflow_heart:

1 Like

@PeterDimitrov … You, my friend, are AMAZING. Thank you so much for taking the time to school me on this. It means a whole heck of a lot. Makes perfect sense all around. THANK YOU!

1 Like

Thanks for the words man! Happy to help :webflow_heart:

Okay, I went through your video step-by-step and I got it to work on the current homepage!

Then I tried to copy and paste the whole slider element onto another page on the same site (the page that will become the new homepage when the full site launches) and it’s not working. :confused: Argh! So close!

Here’s a quick video to show you what I’m talking about:
https://www.screencast.com/t/9L0K8DRWba

You are so saving me right now. A webflow angel. :smiley:

1 Like

Hmmmm very strange. It’s all set with classes and still not working. Very very strange…Let me look more into this.

Okey :smile: The solution is here :partying_face:

See screen record > https://www.useloom.com/share/9a700b00804f4a45b2e0d9e69be5b4ea

So, there is some old animations for the slider that are causing problems. Delete them all and you can see it working :raised_hands:

Thanks for the patience!

Yep, that was it! Taking the Risk Out of Data Migration | Premier International

Well, you came through again, Mr. Webflow Angel. :wink: Thanks so, so much. One day, I hope to be as much of a powerhouse at WF as you and pay it forward to other Webflowers in need!

1 Like

Thanks for the words man…They really mean a lot! You will be :100:

Piter :webflow_heart:

1 Like

Hey Piter

The video isn’t available anymore and I’m having the same problem. Can you explain what you did?