Make the animation of gridview

[haChick]

Hello,

Does anyone see/understand the animation like this one: http://orangina.eu/products.

I want to make the same one but maybe the origin source code is too complex. Please help me at least which library or which function I need to include to make this animation.

 

Thank you very much :)

[GreenSock]

It looks like they're using GSAP for the animation, and part of it is using <canvas> (probably for the outline of the shapes in the background). It's beyond the scope of what we can provide here in these forums to try to pull apart that whole site and teach you how to do it, but if you have any GSAP-specific questions we'd be happy to help. You may want to consider hiring a professional developer to help you build that effect. If that's the case, see https://greensock.com/forums/forum/15-jobs-freelance/ 

 

Happy tweening!

[explorerzip]

Have a look at the web-site deconstruction videos from Ihatetomatoes.net. Could provide some insight into how to go about taking apart a web-site to see what is going on under the hood. You'll need to know how to use the browser inspector to see these details, but be forewarned that it can be really intimidating to look at a wall of code.

 

https://ihatetomatoes.net/waaark-com-website-deconstruction/