Play/Pause All CSS Animations on a Page Using DevTools Console

VideoZoran Jambor

A quick tip showing you how to view and manipulate all CSS Animations on a page using Console in DevTools.

A quick tip showing you how to use document.getAnimations() to view and manipulate (play/pause) all CSS Animations, CSS Transitions, and Web Animations on a page using Console in DevTools.

It can be helpful when you're working on a page with a large number of animations or if you want to stop all annoying animations on a page you're reading.

CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »
AI Developer Newsletter

AI Developer Newsletter

A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

Subscribe Today »