Hello, hope somebody cleverer than me can help me with this Webflow design idea.
On this site I have a slider where the slides are taking up 50% of the width of the slider wrapper Slider test with collection
Currently each slide has a two layers: a background and foreground layer. The foreground layer opacity = 0 but gets opacity = 100 when it enters the mask using ‘Slider in/out of view’ interactions on the slider and resets on exiting.
This is all good and working ok but when the page loads I would like the first position of the slider to not be blank; I would that initial position to have a slide with opacity = 0, as seen in the screenshot below.
Any idea how I can make this happen?