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