iPhone SE - A13 Animation

[orca_rohit]

Hi I am trying to recreate stevenlei's work on A13 animation with Gsap.

I tried on my own but the other elements below the A13 section are coming above it.

Please help.

See the Pen LYpZjRK by stevenlei (@stevenlei) on CodePen

[ZachSaucier]

I already addressed this in this thread:

I noticed that both accounts start with "orca". Are they both your accounts? If so I can delete one or merge them for you.

[orca_rohit]

12 minutes ago, ZachSaucier said:

 

That account is of my college. The question he asked there was achieved. but now we want to use GSAP to achieve this animation as we want to pin the section and when the animation is complete then the other sections to scroll up.

Also sharing the new codepen link that we have tried to make.

See the Pen NWbzpYo by tejasks_opus (@tejasks_opus) on CodePen

Edited March 8, 2021 by orca_rohit

[ZachSaucier]

What specific question about GSAP do you have?

[orca_rohit]

On 3/9/2021 at 12:13 AM, ZachSaucier said:

What specific question about GSAP do you have?

We want to achieve the same thing using Gsap.

Things we want to do here is.

1.pin the element when it comes to viewport.

2. complete the animation

3.scroll the next section when the animation is complete

[orca_rohit]

@ZachSaucier @akapowl @tailbreezy 

 

guys please help me on this.

[ZachSaucier]

Please do not ping random forum users.

 

Unfortunately we don't have the capacity to do the whole effect for you for free.