SVG wave animation - Two different ways

For a limited time, use this link to get a free trial of Skillshare Premium Membership: https://skl.sh/kevinpowell09202 SVG's are incredibly useful. In this video, I explore two different ways we can make a wave animation that hides away a part of the content. The first one is a simple keyframes animation, and the second one uses SMIL animation, which is part of the SVG specifications. This video was sponsored by Skillshare #svg #animation -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK --- Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

• #education
• #kevin_powell
• #tutorial
• #html
• #css
• #svg
• #svg_clip_path
• #svg_smil
• #svg_animation
• #svg_wave_animation
• #svg_animation_css
• #css_wavy_effect
• #css_wavy_background_effects
• #css_wavy_background
• #html_css_wave_shape_background
• #animate_wave_svg
• #how_to_add_svg_waves_in_website
• #css_svg_waves_animation
• #animated_svg_waves
• #css_waves_for_website