gsap Canvas 4 Column Amination

[Faizan]

Lets have a look at this awesome 4 column animation.
Website: orangina.eu

Any idea how to make the 4 column hover animation using gsap?

[OSUblake]

If you can make it, GSAP can animate it. All that site is doing is animating a bunch of coordinates. 

 

A very simplified example.  

 

See the Pen EdeqpZ by osublake (@osublake) on CodePen.

 

 

 

[GreenSock]

1 hour ago, OSUblake said:

If you can make it, GSAP can animate it.

 

I like that - a new tagline for GSAP

[Jonathan]

I like that tagline! Kind of play off of my.. If you make it, they will break it

[Faizan]

18 hours ago, OSUblake said:

If you can make it, GSAP can animate it. All that site is doing is animating a bunch of coordinates. 

 

A very simplified example.  

 

See the Pen EdeqpZ by osublake (@osublake) on CodePen.

 

 

 

 

[Faizan]

Thanks for you response.
Is there any other example related to this animation?

 

[OSUblake]

Again, it's just animating points. Put some elements at those coordinates, add some event listeners, and animate away.

 

See the Pen vVQBjb by osublake (@osublake) on CodePen.