Intro To Animating SVG's - Animating With @keyframes CSS

Animation on the web is the bees-knees. It can help you tell a story, or create some whimsy. An animation will add to the overall experience on your website. We have created this three-part video series to help you get started with animation on the web with SVG's you create. Let's get to animating with @keyframes CSS This third video will show you how to animate our clean and spicy SVG with @keyframes for CSS. This is meant to intro you to the world of CSS animation. This world is deep and awesome. Use this video tutorial as a way to get your feet wet. Then, dive right in once you get comfortable! Resources MDN Animation Repository https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations MDN Animation Tips https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Tips CSS Animation and Effects Cheatsheet https://learn-the-web.algonquindesign.ca/topics/css-animations-effects-cheat-sheet/#animations CSS Animatable Properties https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties CSS Tricks Animation https://css-tricks.com/?s=css+animation&orderby=relevance&post_type=post%2Cpage%2Cguide Tools We Used Atom Code Editor https://atom.io/ SoulPlugins (Get A Nice Discount, yes affiliate link) https://gingersoulrecords.com/?ref=26 Beaver Builder (Discount Time, an affiliate link) https://www.wpbeaverbuilder.com/?fla=2503&campaign=bbreferral