_splash.scss 847B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .preloader {
  2. position: fixed;
  3. z-index: 999999;
  4. background: #edf1f5;
  5. width: 100%;
  6. height: 100%;
  7. }
  8. .preloader-content {
  9. border: 0 solid transparent;
  10. border-radius: 50%;
  11. width: 150px;
  12. height: 150px;
  13. position: absolute;
  14. top: calc(50vh - 75px);
  15. left: calc(50vw - 75px);
  16. }
  17. .preloader-content:before, .preloader-content:after{
  18. content: '';
  19. border: 1em solid var(--primary-color);
  20. border-radius: 50%;
  21. width: inherit;
  22. height: inherit;
  23. position: absolute;
  24. top: 0;
  25. left: 0;
  26. animation: loader 2s linear infinite;
  27. opacity: 0;
  28. }
  29. .preloader-content:before{
  30. animation-delay: 0.5s;
  31. }
  32. @keyframes loader{
  33. 0%{
  34. transform: scale(0);
  35. opacity: 0;
  36. }
  37. 50%{
  38. opacity: 1;
  39. }
  40. 100%{
  41. transform: scale(1);
  42. opacity: 0;
  43. }
  44. }