Skip to content

Pause and slow down CSS3 animations in Chrome Dev Tools

Updated: at 01:02 AM

Chrome Canary gives you a sneak peak of dev tools for CSS3 animation

Visually debugging CSS animation just got a whole lot easier! We’ve needed better debugging tools (or any debugging tools, really) for CSS animation for ages. Now we’re starting to see some show up in browsers! The latest version of Canary now has controls to globally slow down and pause animation right from Dev Tools. It’s such a huge help for both designing and troubleshooting your animations.

To try these out for yourself in Canary, open up Dev Tools and go to Styles tab under Elements. Look for the play button in the far right and you’re off to the races.

Read more from the source: