How is this slider controlling the scaling + opacity of slides?

https://webflow.com/made-in-webflow/website/fullwidthslider

I’ve tried dissecting the project, and I don’t see any custom code or interactions. When I open chrome developer tools, I see that the image element within the slider has the transform attributes, but I can’t figure out where it’s getting it from in Webflow.

Anyone have any idea?

hi @warrenh you have everything in template you have posted, all you can do is to take some time to check it out.

If you would like to see what animation is used you need to open legacy interactions as this slider was made in 2016. When you check website you will find : Last Published: Sun Jul 03 2016 13:08:04 GMT+0000 (UTC).

BTW, this slider has horizontal scroll and this is what you definitely don’t want.

1 Like

Thanks @Stan, I’ve been using webflow for a couple of years now and never noticed that Legacy interactions switch!

hi @warrenh if you do not have further questions related to your request feel free to close its as solved. :wink:

1 Like