My apologies for asking an old question in the forums, but I haven’t been able to find a clear resolution.
I have a div in side of a slide. I’d like the div to slide-right into position just .5 seconds after the slide has stopped. The idea is to feel like the div is just a wee bit slower than the rest of the slide.
I tried interactions but seems I am not using the right trigger. Which Element Trigger do I use? Or is it page load instead?
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.
- Select Slide 1 and choose
Slider in the interaction panel under the element trigger.
start animation under Slider in view
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
Then add the appearance of the div and give a delay of 0.5 seconds which you wanted.
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.
Any issues, then let me know!
So I had to select Slide01, then add the animation. This is where I was getting tripped up. I was starting by selecting the div inside Slide01 - which did not give me the “Slider” option in the interaction panel under trigger.
As you have shown, the animation works. And to add, I had 2 more slides thus had to create 4 more animations, two (in and out) for each div in each slide.
Thank you Markos.
You’re welcome @arnolfo , glad it worked for you.
Hi Mark, thank you for this information and these steps. It is just what I needed right now for a project. But I find it a little difficult to follow the steps in this fast GIF. Is there a way to slow it down?
Thank you in advance, Kurt