Streaming live at 10am (PST)

Interactions within slider

I am trying to implement an interaction on the opening slider on this site:

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,

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:

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

Thanks Vincent. Much appreciated.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.