3D animation motion

[Sandy Sameh]

How can i shuffle between 1 and 2 and 3 in GSAP with a smooth motion. Giving it a 3D kind of effect ?

i want to create this type of motion where 1 moves smoothly from it’s position but becomes behind 3 and smaller than it’s original size and at the same time 3 moves and takes 1 position and so one.

Can any one give me a demo on code pen example please

as shown in gif.

 

[mikel]

Hey SANDY SAMEH,

 

A prepared CodePen with your case would be a polite gesture, it would save me some effort.

Does this scenario correspond to what you have in mind?

 

See the Pen XWgaPMp by mikeK (@mikeK) on CodePen.

 

Happy tweening ...

Mikel

 

[Sandy Sameh]

Hey Mikel, thank u for ur efforts. I will next time i am sorry 

[mikel]

 

Hey SANDY,

 

Its OK.

 

Here an example using SVG and a fading effect.

 

See the Pen QWgMJjr by mikeK (@mikeK) on CodePen.

 

Happy tweening ...

Mikel

 

[Sandy Sameh]

Thank you so much ☺️