Creating and Animating an SVG Mask

Holy shit this was sooooo goooooodddd goddamit

Great content! Super well explained and complete.

when i see like you people who always be happy and energy i am always jealous you guys. :)

Great video! Thanks!

Well you use a plugin so we don't understand how it works : /

Wow

really inspired by your video, super good,:)
And I have met a problem too, for i used a path as clip path to mask an image,the clip path is always on the top left corner of the image, yes, i can scale to let it mask whole image , but that's too big, so my question is can i re-positioning the path ? thanks

Never seen such easy explanation before. You just take out the complexity from the subject and make it breeze. ❤️

Дякую!

Madam!
The title says Mask, but you've shown CSS "clip" ⁉ 👿

wow! this is love at first sight ;)
Love the way you made this excercise, explanation, and well documented tuto. You're a great speaker. Thanks!

awesome

Just found this less than 15 minutes GEM and went along with it. You've seriously helped me a lot. THANK YOU! :D ♥

Damn why you don't have a millions of subscribers??
You really deserved that because content and the way you are explaining things are awesome!

Hi! Thanks A LOT for this video. It really helped me. Is there a way to preserve the aspect ratio of the clip path? preserveAspectRatio in the SVG doesn't help.

Great video! thanks so much from JP

I have been finding ways how to tackle that wave animation. Amazing personality and tutorial ! Thank you!

this video was so short but i learned so much! thank you <3

You are very cool speaker!

Hi )) really nice tutorial ))
but unfortunately morphing with clip path is not working for safari. I am using KUTE.js and its not working as well same as GSAP (at least codepen you created is not running for me). Am I missing anything or its really the case? Thanks for every advice ;)

Great video and good explanation!! Thank you!!

My logo file ,, why using <img src="./image/logo.png >. always appear very small pictures and no render on my websit . what happened ? T_T ... when I logo file save in folder : /image

Great! Thank you so much!!!

Wow! so easy! I just created something similar with position relative/absolute. It took me forever. Thank you.

Thanks, very nice explanation
I really dislike greensock though