Creating unique shapes & animations using CSS clip-path

[@mikeeomega]

I learn something today, great video, great explanations.

[@OptimisticWeb]

Awesome, thank you!

[@jvos724]

Concise but incredibly informative. Bookmarked and subscribed. Thank you & keep up the great work! 🙏

[@OptimisticWeb]

Thank you and welcome aboard!

[@optimalArousal]

Very good explanations, I didn't really understand this property too much before, but this clarified plenty. I will definitely refer to this video next time I need some unique shapes for my layouts. Great work, hope your channel keeps growing!

[@OptimisticWeb]

Thank you so much for your kind words! I'm glad to hear that the explanations helped clarify things for you. Appreciate your support!

[@ezequie_arevaloaasda]

I didn't know about this property, I will start using it from now on, very good video and content 💖🤞

[@OptimisticWeb]

Thank you! I'm glad you found the video helpful and discovered something new.🤞

[@biggand8520]

Hey, cool stuff here) Thanks for sharing As for me, I like to do my menu appearance with clip-path animation. Say, there is a closed menu, and by clicking on it user not see the regular modal appearance (with opacity drop of a main page, etc), but sees its "growing" or "shifting" from the outside of the screen with increasing opacity, etc. However, this approach can cause performance glitching, I don't know why. Is it a "heavy" and resources consuming approach?

[@OptimisticWeb]

Thanks! Using clip-path for menu animations can indeed create some cool effects. I have seen some off-the-viewport menus animating on hover etc. Performance issues may occur if the animation is complex and involves several points morphing between shapes. You might try optimizing animation by reducing the number of points or by using the transition property instead of keyframes. Keep in mind that any type of animation can be resource-intensive, not just those using clip-path.

[@AMDesignAndDev]

AI vocals getting pretty good! Is this whole video dome by AI?

[@OptimisticWeb]

Nope 😊