[Diagonal mask between 2 images]

Hi @OSUblake

 

I've implemented your example and it's works pretty fine. Thanks again.

 

But i want to start the diagonal line at y coordinate 220.

See this example:

http://preview.taste12.nl/Test/Greensock.html

 

How can I avoid the black box in the top.

I want it run smoothly to the upper right corner. (If you know what I mean)

 

Thanks in advance!

[Diagonal mask between 2 images]

Thank you very much. This is what I'm looking for.

[Diagonal mask between 2 images]

Thanks for the response. HTML, SVG or canvas doesn't matter.

I'm most familiar with HTML.

I will try what you tell above. But both images need to stay put.

[Diagonal mask between 2 images]

I want to create a diagonal mask between 2 images.

So from a diagonal line the other image pops up.

See attached image as example.

The "taste/12" logo is the first image.

Then the second image has to be shown starting from the center diagonal towards the edges.

Is this possible with GSAP?