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