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() {
*/}
{/* */}
-
+ {/* */}
);
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;
+ }
}