Interactions within slider

Design help Animations & Interactions
1

Hello,
I am trying to implement an interaction on the opening slider on this site:
https://preview.webflow.com/preview/another-branch?preview=1cbe22ae93ef92a34099172e88ff36de

I just want the headers on each slide to fade in after the slide has loaded, and fade out as it disappears. So far it’s just added to the first slide; when you preview you can see the fade out working, but not the fade in. I have tried it with and without setting an initial state, but no luck.

Many thanks in advance for any help,
Tim

2

Hi, your herosliderhead elements have to start as opacity 0%, either you give them manually of give them an interaction to be zeroed on load.

Delete your existing interaction.

Select the first slide. When you use a slider trigger, do it on the slide element. he target the header like this:

http://vincent.polenordstudio.fr/snap/u1baa.jpg

If you replicate this I think you’ll get the result you’re looking for.

3

Thanks Vincent. Much appreciated.