diff --git a/packages/rrweb/src/replay/index.ts b/packages/rrweb/src/replay/index.ts
index 59a7009c..8e4b56d2 100644
--- a/packages/rrweb/src/replay/index.ts
+++ b/packages/rrweb/src/replay/index.ts
@@ -690,7 +690,7 @@ export class Replayer {
     ).concat(this.config.insertStyleRules);
     if (this.config.pauseAnimation) {
       injectStylesRules.push(
-        'html.rrweb-paused * { animation-play-state: paused !important; }',
+        'html.rrweb-paused *, html.rrweb-paused *:before, html.rrweb-paused *:after { animation-play-state: paused !important; }',
       );
     }
     for (let idx = 0; idx < injectStylesRules.length; idx++) {