Chrome DevTools: Use the animation inspector to change and modify running animations

Last updated: September 2, 2015
Use the animation inspector to change and modify running animations

Related: Did you know you can export animations to JavaScript? See: Tip 100: Web Animations API

Check out this animation inspector. You can inspect the animatable properties of a running CSS animation. You can:

  • Scrub through the animation with playback controls.
  • Change the animation duration.
  • Change the animation delay.

Update - March 2016: Capture all animations with the Animation Recorder

Sign up to receive a developer tip, in the form of a gif, in your inbox each week