Streaming live at 10am (PST)

How to replicate this stacked image effect in Webflow?


#1

Hi! I was wondering if there was a way to replicate this stacked image effect that this site uses on it product shots? Thanks for the help!


#2

It’s going to be a bit complicated but you’ll have to organize your images to stack on top of each other using absolute positioning inside a div that has relative positioning. Then you’ll have to apply the move interaction to the top image to control the position of the other images.

This is a tutorial on rotation but will work if you change it to position. https://university.webflow.com/lesson/rotation-on-mouseover-interactions

This is about absolute positioning. https://university.webflow.com/article/absolute-position