Streaming live at 10am (PST)

Individual slide elements animating?

#1

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:

Thanks so much!


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

2 Likes
#2

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:

#3

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
#4

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

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

1 Like
#5

@PiterDimitrov … 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
#6

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

#7

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:

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

1 Like
#8

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!

#9

Yep, that was it! https://www.premier-international.com/new

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
#10

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

Piter :webflow_heart:

1 Like