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
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 ð