CSS Animations are difficult to work with because they are hard to debug/test, or at least they would be if we didn’t have amazing animation dev tools built into the browser. In this video I will show you how to use the amazing dev tools built into both Chrome and Firefox. 📚 Materials/References: Prettier CSS Animation Video: https://youtu.be/uQNpr09UOAY Loading Spinner Animation Video: https://youtu.be/Gx35fMhDPWs 🌎 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/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:43 - Animation Dev Tool Basics 04:47 - Advanced Examples 10:45 - Firefox Dev Tools #CSSAnimation #WDS #CSS