:paused

A selector that matches a media element (like <video> or <audio>) when it is currently paused.

/* Usage Example */
video:paused {
  /* Adds a subtle blur to the video when it';s paused */
  filter: grayscale(0.5);
  outline: 2px solid white;
}
Limited availability Since 2020 13% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

15.4+
Interop 2026 focus area ? Learn more →
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC