similar effect with gsap of scrool help / ideas.

[Adiacent 1 Likes (Newbie)]

Hello everyone, any idea of how to create this immission effect with scroll-trigger?

I don't care about the opening on the images but only the zoom effect of scroll section .

Thanks
https://2018.craftedbygc.com/#enter

[OSUblake 18,491 Likes (Superhero)]

That site isn't using native scrolling, which is what ScrollTrigger is for. Notice how it doesn't have any scrollbars, which usually means they are using wheel events. They are using GSAP for the animations, but using three.js for rendering.

 

How, to create that effect is beyond the scope of this forum. I'm sure if you search on CodePen you can find a similar effect. I'm pretty sure I've seen something like that before.

https://codepen.io/

 

[Adiacent 1 Likes (Newbie)]

Thanks, 
I badly explained myself. I am not interested in the rendering part or the non-custom scroll but I was wondering if with scrolltrigger it was possible to do that type of animation form navigation, a zoom inside a zoom loop. see image of website https://2018.craftedbygc.com/#enter

[Cassie 5,373 Likes (Superhero)]

Sure - the scale itself will just be something along these lines - very simple.
 

gsap.to(object, {
  scale: 2,
})

If you try to do this with HTML elements you'll may end up with pixelation or juddering though. It would be quite hard on the browser. This brings us back to the rendering side - They're adjusting properties of three.js objects.

 

The hard bit will be creating the three.js scene.