spinners.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .preloader {
  2. width: 100%;
  3. height: 31px;
  4. text-align: center;
  5. }
  6. .speeding-wheel {
  7. width: 32px;
  8. height: 32px;
  9. border: 2px solid gray;
  10. border-radius: 50%;
  11. border-left-color: transparent;
  12. border-right-color: transparent;
  13. animation: cssload-spin 425ms infinite linear;
  14. -o-animation: cssload-spin 425ms infinite linear;
  15. -ms-animation: cssload-spin 425ms infinite linear;
  16. -webkit-animation: cssload-spin 425ms infinite linear;
  17. -moz-animation: cssload-spin 425ms infinite linear;
  18. }
  19. .speeding-wheel-sm {
  20. @extend .speeding-wheel;
  21. width: 16px;
  22. height: 16px;
  23. }
  24. @keyframes cssload-spin {
  25. 100%{ transform: rotate(360deg); transform: rotate(360deg); }
  26. }
  27. @-o-keyframes cssload-spin {
  28. 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
  29. }
  30. @-ms-keyframes cssload-spin {
  31. 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
  32. }
  33. @-webkit-keyframes cssload-spin {
  34. 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  35. }
  36. @-moz-keyframes cssload-spin {
  37. 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
  38. }