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

master
Your Name 2 years ago
parent 8eaa279a07
commit 81802a964b
  1. 2
      src/App.js
  2. 23
      src/components/CssCountdown/index.scss

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

@ -28,5 +28,26 @@ body {
.box::after { .box::after {
position: relative; position: relative;
white-space: pre; 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;
}
} }

Loading…
Cancel
Save