Several image comparison

[Deadlift79]

Hi there!

 

I'm trying to acheive an image comparison effect like the one in the codepen demo but applied to several .containerSection.  An example is available here :

 

 

I've tried duplicating the .containerSections and wrapping it all in a main pinned Div and but they don't start at the same time.

I'm not asking for a code solution, just some ideas to start because I fear that I'm totally wrong in my setup.

 

Many thanks!

 

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

[Rodrigo]

Hi,

 

Is really hard for us to work without a minimal demo. On top of that we don't have the time resources to provide custom complex solutions for our users in these free forums. You can contact us for paid consulting or post in the Jobs & Freelance forums to seek some help.

 

There is one idea I can offer you and that is to use Clip Path on the images and absolute position. You can check this example:

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

 

Also this one uses CSS Variables, which would make it super easy to apply on mor than one element:

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

 

Hopefully this is enough to get you started.

Happy Tweening!