Debug CSS animation with Chrome Devtools

by

Yes it’s possible.

It is possible to debug transitions and CSS animations with Chrome DevTools. Just click this button:

Image describing the location of the "Animations" tab activation button

Then, an “Animations” tab will open in the Console panel (you can open it by pressing Esc if you have DevTools focused – just click on DevTools to focus it):

enter image description here

Leave a Comment