IMPORTANT: Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today CSS animations are complex. There are so many properties to control an animation and on top of that there are two different ways to write animations in CSS. In this video I will be walking through both transition and keyframe based CSS animations. By the end of this video you will understand everything you need to know about CSS animations. Materials/References: CSS Animation Performance Video: https://youtu.be/4PStxeSIL9I Concepts Covered: - How to write transition CSS animations - How to write keyframe CSS animations - How all animation properties work - CSS animation best practices Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplifiedTimestamps: 00:00 - Introduction 01:22 - Transition Property 06:20 - Animation Property #CSSAnimation #WDS #CSS