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