I’m trying to recreate the following interaction. How do I create a section that seems to have the image masked in the background that moves with scrolling?
To build something similar to this, place the image inside the section. Section should have certain height and apply overflow: hidden on it. Just prepare the layout/image how you want it without the interaction or how it may look when scrolled to the center.
And just create the interaction on parent with While scrolling in view, in the interaction select image and apply Transform > Move to it. Add apply some value for Transform Y, on the first one apply -10% and on the last one apply 10% and check it.
1 Like