Is it possible to inspect CSS3 animation keyframes with a browser inspector?

Since Chrome 50 it's now finally possible to edit CSS keyframes. https://twitter.com/ChromeDevTools/status/694966453376675840 enter image description here


On Chrome:
- Ctrl+Shift+I
- Choose an element
- right column: click on the css-link (for example style.css:24)
- Now you can edit your css-file

Notes:
- You can't edit css in the right column and in the css-file at the same time
- To retrigger the animation, remove -webkit-animation:... and add it back


Huzzah hoorah and hooray! It's completely possible today! Chrome Dev Tools added an Animation tool! Just open up the dev tools and click the "More Tools" button, then "Animations", and a whole suite of cool tools are available for debugging animations 😄

Chrome dev tools 'More Tools' icon - three vertically-stacked dots which have the tooltip text 'More Tools'
The menu which results from pressing the 'More Tools' button, showing the 'Animations' option selected

Google Chrome, open to BenLeggiero.me with the animation inspector showing.