How to use polygon to animating image?

[Bayu Handono]

How to use polygon in gsap code to animating image with this code:

 

 

So, image will animating from bottom, like this:

 

See the Pen WNwZORV by cameronknight (@cameronknight) on CodePen

 

Thanks 

 

See the Pen wvOZMvQ by byhndo (@byhndo) on CodePen

[mvaneijgen]

Hi @Bayu Handono, 

 

What do you have trouble with? Seems to work at my end. I've written a guide how to work with clip-path in GSAP with a link to a tool which with I make my clip-paths https://bennettfeely.com/clippy/ if you just drag the points to the bottom of the square it will animate .from() the bottom to the top. 

 

Hope it helps and happy tweening! 

 

 

As an example 

See the Pen LYavRmQ?editors=0110 by mvaneijgen (@mvaneijgen) on CodePen