From 81802a964b05b305c7b24123257ffcbcf1ce65f8 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 18 Apr 2022 14:44:54 +0430
Subject: [PATCH] update App.js, src/components/CssCountdown/index.js and
 src/components/CssCountdown/index.scss

---
 src/App.js                             |  2 +-
 src/components/CssCountdown/index.scss | 23 ++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index ee93505..5516ea6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -180,7 +180,7 @@ function App() {
           </span>
         </div> */}
         {/* <Digikala /> */}
-        <TestComponentNew />
+        {/* <TestComponentNew /> */}
       </div>
     </Provider>
   );
diff --git a/src/components/CssCountdown/index.scss b/src/components/CssCountdown/index.scss
index e344e2d..1cbb59a 100644
--- a/src/components/CssCountdown/index.scss
+++ b/src/components/CssCountdown/index.scss
@@ -28,5 +28,26 @@ body {
 .box::after {
   position: relative;
   white-space: pre;
-  content: "";
+  content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9";
+}
+
+.box.first-number:after {
+  animation: animate 1s steps(10) infinite;
+}
+
+.box.second-number:after {
+  animation: animate 1s steps(10) infinite;
+}
+
+.box.third-number:after {
+  animation: animate 10s steps(10) infinite;
+}
+
+@keyframes animate {
+  0% {
+    top: 0;
+  }
+  100% {
+    top: -10em;
+  }
 }