I have a slider with 4 slides. Each slide has a background picture, and a button.
What I’m trying to achieve is that every time the slider slides to the next slide, first the button fades out and only then the slider moves. Also, the button on the next slide, fades in once the slide is in.
I’ve been able to achieve the fade in, setting trigger as “slide into view” and setting “wait=500ms” (same time as the slider speed), but I can’t figure out how to make the next slide wait for the previous slide’s button to fade out.
Can you please update your post with some more information so we can help you faster? Things like your read-only link, and screenshots of the elements in question really speed things up.
The link is bsqfx.webflow.io
What I’m trying do is that both the rounded button and the hero text (on slide1) fade out to opacity 0% before de slide1 slides out. Then, once slide2 appears, the button and the hero text (on slide2) fade in.
I know how to achieve the fade in (trigger “slide into view”, wait “500ms”, opacity “100%”), but I can’t get the fade out effect to anticipate 500ms before the slide out of view.
Meaning, first the button on slide1 fades out, and only then the slide1 slides out.