emit pause and resume events

src/replay/index.ts

@@ -105,6 +105,7 @@ export class Replayer {
 
   public pause() {
     this.timer.clear();
+    this.emitter.emit('pause');
   }
 
   public resume(timeOffset = 0) {
@@ -126,6 +127,7 @@ export class Replayer {
     }
     this.timer.addActions(actions);
     this.timer.start();
+    this.emitter.emit('resume');
   }
 
   private setupDom() {

src/replay/styles/style.css

@@ -21,7 +21,7 @@
   opacity: 0.3;
 }
 .replayer-mouse.active::after {
-  animation: click 0.3s ease-in-out 1;
+  animation: click 0.2s ease-in-out 1;
 }
 
 @keyframes click {