index.module.less 584 B

12345678910111213141516171819202122232425
  1. .countdown {
  2. position: fixed;
  3. left: calc(50% - 66px);
  4. top: calc(50% - 66px);
  5. width: 132px;
  6. height: 132px;
  7. z-index: 200;
  8. background-size: 100% 100%;
  9. background-repeat: no-repeat;
  10. transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  11. opacity: 1;
  12. &.step1{
  13. background-image: url("./imgs/step1.png");
  14. }
  15. &.step2{
  16. background-image: url("./imgs/step2.png");
  17. }
  18. &.step3{
  19. background-image: url("./imgs/step3.png");
  20. }
  21. &.isAnimating {
  22. transform: scale(0.5);
  23. opacity: 0;
  24. }
  25. }