I stumbled upon the Animation panel in Chrome’s DevTools the other day and almost jumped out of my seat with pure joy. Not only was I completely unaware that such a thing exists, but it was better than what I could’ve hoped: it lets you control and manipulate CSS animations and visualize how everything works under the hood.
To access the panel, head to More Tools → Animations in the top right-hand menu when DevTools is open:
Many of the …
The post Inspecting Animations in DevTools appeared first on CSS-Tricks.