update App.js, src/components/CssCountdown/index.js and src/components/CssCountdown/index.scss

src/App.js

@@ -180,7 +180,7 @@ function App() {
           </span>
         </div> */}
         {/* <Digikala /> */}
-        <TestComponentNew />
+        {/* <TestComponentNew /> */}
       </div>
     </Provider>
   );

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;
+  }
 }