Hello to everyone, i'm new to the forum, so i would like to ask for some advice-hint in achieving something like this hero section. As i can see in source is made with gsap. I would like that letterbox animation - preferred in the opposite way(closing on scroll). My first guess is to do it off-canvas div.
Thanks in advance.
https://www.mixlegno.com/en/reflect
Welcome to the forums @Vamal
Generally, as the forum guidelines state, we don't provide "How-To-Do-This-Effect" solutions on here.
The first thing you want to be looking for is ScrollTrigger
I have shown one possibility for how to achieve something similar in this thread here
If you want the image in the back scaling at the same time as the wrapper, I would suggest converting the tween in the example of the linked post to a timeline