New DevTools Guide: Animation Inspector

22 views
Skip to first unread message

Kayce Basques

unread,
Jun 29, 2016, 1:49:23 PM6/29/16
to google-chrome-...@googlegroups.com
A long overdue guide on DevTools' amazing animation inspector / editor >>> https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/animations
  • When the Animation Inspector is open, DevTools magically detects and captures groups of related animations.
  • Replay and slow down an animation to 50% / 25% / 10% of normal speed.
  • Hover over an animation to highlight it in the viewport. Click to select it in the Elements panel.
  • Add delays to animations.
  • Edit keyframe timings.
Reply all
Reply to author
Forward
0 new messages