I’m trying to recreate the smooth image reveal effect while scrolling used on Cuberto website (Nana Asia — Cuberto). All the images have transition Y from -20% to 20%. I tried to add overflow:hidden on the image container and apply this transition while the image container is scrolling, but my best guess is that it needs a parallax effect as well (so that the images are moving in different speed than the rest of the page).
Could you guys help me out with answering these:
- Is it possible to recreate this effect in Webflow without using any external stuff (like parallax JS libraries)?
- If yes - how to build it and what interactions should I implement to recreate it?
Thanks in advance!
Here is my public share link: https://preview.webflow.com/preview/playground-ab7ace?utm_medium=preview_link&utm_source=designer&utm_content=playground-ab7ace&preview=c0116ea47f96292cb9822a71f2e4dbd8&pageId=6079394ba472d64cc8479f2a&mode=preview
(how to access public share link)