How to inspect animations | DevTools Tips

You can use the Animations tab in DevTools to inspect, scrub and modify animations. Learn now on today’s episode of DevTools Tips with Jhey and Jecelyn. Chapters: 0:00 - Intro 0:52 - Open the Animations tab 1:14 - Record a single animation 1:26 - Adjust the replay speed 1:32 - Scrub (Preview) an animation 1:48 - Record and debug multiple animations 2:13 - Adjust the easing with easing preview 2:47 - Adjust the animation timeline 3:21 - Modify infinite animation 4:26 - Learn more Links: Demo → Animations tab → Catch more DevTools Tips → Subscribe to Google Chrome Developers → #DevToolsTips #Chrome #Developer