Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a keyboard shortcut for the "pause animation" feature in Chrome Developer Tools? (F12)

There is a nifty feature in Chrome's Developer Tools which allows you to pause animations and control their speed, but the problem is they're mouse-controlled buttons. Sometimes I need to pause an animation without actually moving the mouse cursor to inspect something inside a hover-activated animation, so I can't really use the pause button. Is there a keyboard shortcut for that animation pause button so I don't need to move the cursor off whatever I'm doing?

like image 876
OMA Avatar asked Mar 06 '15 12:03

OMA


2 Answers

As previously mentioned, there's no keyboard shortcut to pause an animation, but I've found the next best thing: Using Ctrl+Shift+C (Cmd+Shift+C in Mac) to enable inspecting while the cursor is on the element with the hover activated animation. That doesn't stop already running animations, but prevents further mouse activated animations from triggering while inspecting, which might be enough to inspect an element.

like image 159
OMA Avatar answered Sep 29 '22 03:09

OMA


No! Chrome DevTools has no such a shortcut. You can see the complete list of chrome DevTools Shortcuts at: https://developer.chrome.com/docs/devtools/shortcuts/

like image 38
loop Avatar answered Sep 29 '22 04:09

loop