[Member plugin error in Vite on Netlify deploy]

Thanks, @b1mind and @896terv8iygaedv. This also works for the Cloudflare pages!

[carousel - find the center item and scale; draggable, scrolltrigger]

@Cassie, thank you. This gives me a good direction.

[carousel - find the center item and scale; draggable, scrolltrigger]

Hi @Rodrigo. Thanks for your reply.

3) I have two sets of logos in two different rows that utilizes ScrollTriggers (e.g. ScrollTrigger.create({})). Very similar to this example (), but I rotate them in y axis. I saw some examples where ScrollTriggers can be embedded into a timeline. How does that work? 

 

 

1 and 2) I played around with this example (

See the Pen RwKwLWK by GreenSock (@GreenSock) on CodePen

) for a bit. I find this one to be little bit hard to understand for a gsap beginner. There is too much going on.

In this example (), what's the best way to find the mid point in a carousel? Screenshot attached. Once I know how to do that I think I can add/change opacity/scale.

Thanks.

 

 

[carousel - find the center item and scale; draggable, scrolltrigger]

Hello,

I am new to gsap and gsap forums. I've been playing around with gsap and it's a lot of fun.  🙂 

I have few questions regarding these two examples:   + 

See the Pen mdROBXx by creativeocean (@creativeocean) on CodePen

.

 

1) I am trying to create a scale effect to the item that's in the middle. Maybe something like scale from .6 to 1, maybe opacity change the opacity .6 to 1 too. How do I determine which item is in the middle? What's the cheapest way to do that?

2) Can I use scroll trigger and use draggable at the same time? If yes, how does that work with scrollbar? 

 

3) Lastly with this example, what do I need to do to be able to create multiple scrolltriggers?

 

 

 

Thank you!

See the Pen LYpwjBW by creativeocean (@creativeocean) on CodePen