loading.css 946 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /**
  2. Loading CSS Modified
  3. Original from Alan Shortis here > https://codepen.io/alanshortis/pen/eJLVXr
  4. */
  5. @-webkit-keyframes spin {
  6. 0% {
  7. -webkit-transform: rotate(0deg);
  8. transform: rotate(0deg);
  9. }
  10. 100% {
  11. -webkit-transform: rotate(360deg);
  12. transform: rotate(360deg);
  13. }
  14. }
  15. @keyframes spin {
  16. 0% {
  17. -webkit-transform: rotate(0deg);
  18. transform: rotate(0deg);
  19. }
  20. 100% {
  21. -webkit-transform: rotate(360deg);
  22. transform: rotate(360deg);
  23. }
  24. }
  25. @-webkit-keyframes pulse {
  26. 50% {
  27. background: white;
  28. }
  29. }
  30. @keyframes pulse {
  31. 50% {
  32. background: white;
  33. }
  34. }
  35. .loading {
  36. border-radius: 50%;
  37. width: 120px;
  38. height: 120px;
  39. border: 0.25rem solid rgba(0, 0, 0, 0);
  40. border-top-color: rgb(66, 131, 253);
  41. -webkit-animation: spin 1s infinite linear;
  42. animation: spin 1s infinite linear;
  43. }