LoadingSpinner.module.scss 742 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .spinner {
  2. animation: animation-rotate 750ms infinite linear;
  3. }
  4. // refs: https://github.com/growilabs/growi/blob/master/apps/app/src/styles/atoms/_spinners.scss
  5. @keyframes animation-rotate {
  6. 100% {
  7. transform: rotate(360deg);
  8. transform: rotate(360deg);
  9. }
  10. }
  11. @-o-keyframes animation-rotate {
  12. 100% {
  13. -o-transform: rotate(360deg);
  14. transform: rotate(360deg);
  15. }
  16. }
  17. @-ms-keyframes animation-rotate {
  18. 100% {
  19. -ms-transform: rotate(360deg);
  20. transform: rotate(360deg);
  21. }
  22. }
  23. @-webkit-keyframes animation-rotate {
  24. 100% {
  25. -webkit-transform: rotate(360deg);
  26. transform: rotate(360deg);
  27. }
  28. }
  29. @-moz-keyframes animation-rotate {
  30. 100% {
  31. -moz-transform: rotate(360deg);
  32. transform: rotate(360deg);
  33. }
  34. }