From bcf0c8947d6af12cf27111a58877c5751b6312e8 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Fri, 26 Apr 2019 22:15:17 +0200
Subject: [PATCH] style(capture countdown): Add animation

---
 src/assets/css/5-screens/capture.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/assets/css/5-screens/capture.css b/src/assets/css/5-screens/capture.css
index 2ce9389..0bf088b 100644
--- a/src/assets/css/5-screens/capture.css
+++ b/src/assets/css/5-screens/capture.css
@@ -140,4 +140,25 @@
   text-shadow: 0 0 1rem var(--color-tertiary);
   font-weight: bold;
   font-size: 10rem;
+  transform-origin: center center;
+  animation: 1s ease-in infinite forwards counterFlash;
+}
+
+@keyframes counterFlash {
+  0% {
+    opacity: 0;
+    transform: scale(0);
+  }
+  30% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  97% {
+    opacity: 0;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0);
+  }
 }