Need help to understand something

[momo12]

Guys do images have any attribute, so they be fixed but the we can change the mask layer scale like this animation?

[mvaneijgen]

Sure thing, not really a GSAP question, but have you seen css clip-path. I always use https://bennettfeely.com/clippy/ to create my shapes, note that to have GSAP tween this value, make sure you animate between shapes that have the same amount of points and that the strings have the same values suffix (my rule: give every number a % sign, even if the tool above doesn't put one). Hope it helps and happy tweening! 

 

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

[momo12]

15 minutes ago, mvaneijgen said:

Sure thing, not really a GSAP question, but have you seen css clip-path. I always use https://bennettfeely.com/clippy/ to create my shapes, note that to have GSAP tween this value, make sure you animate between shapes that have the same amount of points and that the strings have the same values suffix (my rule: give every number a % sign, even if the tool above doesn't put one). Hope it helps and happy tweening! 

 

 

See the Pen

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

by mvaneijgen (@mvaneijgen) on CodePen

 

Thanks a lot for it! I knew about css clip-path but couldn't animate it with GSAP but now I see what you mentioned about your rule which solved my problem!