Can I export animation data from Chrome DevTools Animations panel (timing, easing, keyframes)?

3 days ago 9
ARTICLE AD BOX

I recently discovered the Animations panel in Chrome DevTools while debugging CSS animations.

What I would like to do is export the animation data (such as timing, easing functions, delays, keyframes, etc.) to a text format so I can analyze patterns and compare animations outside the browser.

Is there an official way to export animation information from the Chrome DevTools Animations panel?

If not, is there a workaround (for example using the DevTools console, JavaScript, or a Chrome extension) to extract this data into JSON or text?

Read Entire Article