Animate element in slider

Hi @arnolfo

I don’t think it’s been asked that much, I did a quick search and couldn’t find an easy answer for you, so hopefully this helps.

  1. Select Slide 1 and choose Slider in the interaction panel under the element trigger.

CloudApp

Choose start animation under Slider in view
CloudApp

You then need to give the div a starting point. So set right 100px (example) and opacity 0% ands check the set as initail state button
CloudApp

Then add the appearance of the div and give a delay of 0.5 seconds which you wanted.
CloudApp

Once this is done, when the slide 1 loads, it will slide the div in 0.5 seconds after the slider loads.

To repeat this, you need to do the reverse for the Slider out of View trigger.
Here’s a quick way to duplicate and apply.

CloudApp

Any issues, then let me know!

2 Likes