Debugging: Inspecting Our Animations
Learn how to use Chrome and Firefox's devtools to inspect and debug our animations.
Note: Chrome has the “Animation Inspector” option under the “More Tools” submenu option. Firefox, on the other hand, has the “Animation Inspector” under the “Inspector” option, which is under the “Animations” tab.
Chrome
Note: Chrome only supports CSS animations, CSS transitions, and Web Animations. You wouldn’t be able to use this if you were using
requestAnimationFrame
for your animation.
Trigger our ...
Access this course and 1400+ top-rated courses and projects.