animation.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /*
  2. Animation example, for spinners
  3. */
  4. .animate-spin {
  5. -moz-animation: spin 2s infinite linear;
  6. -o-animation: spin 2s infinite linear;
  7. -webkit-animation: spin 2s infinite linear;
  8. animation: spin 2s infinite linear;
  9. display: inline-block;
  10. }
  11. .animate-spin-slow {
  12. -moz-animation: spin 4s infinite linear;
  13. -o-animation: spin 4s infinite linear;
  14. -webkit-animation: spin 4s infinite linear;
  15. animation: spin 4s infinite linear;
  16. display: inline-block;
  17. }
  18. @-moz-keyframes spin {
  19. 0% {
  20. -moz-transform: rotate(0deg);
  21. -o-transform: rotate(0deg);
  22. -webkit-transform: rotate(0deg);
  23. transform: rotate(0deg);
  24. }
  25. 100% {
  26. -moz-transform: rotate(359deg);
  27. -o-transform: rotate(359deg);
  28. -webkit-transform: rotate(359deg);
  29. transform: rotate(359deg);
  30. }
  31. }
  32. @-webkit-keyframes spin {
  33. 0% {
  34. -moz-transform: rotate(0deg);
  35. -o-transform: rotate(0deg);
  36. -webkit-transform: rotate(0deg);
  37. transform: rotate(0deg);
  38. }
  39. 100% {
  40. -moz-transform: rotate(359deg);
  41. -o-transform: rotate(359deg);
  42. -webkit-transform: rotate(359deg);
  43. transform: rotate(359deg);
  44. }
  45. }
  46. @-o-keyframes spin {
  47. 0% {
  48. -moz-transform: rotate(0deg);
  49. -o-transform: rotate(0deg);
  50. -webkit-transform: rotate(0deg);
  51. transform: rotate(0deg);
  52. }
  53. 100% {
  54. -moz-transform: rotate(359deg);
  55. -o-transform: rotate(359deg);
  56. -webkit-transform: rotate(359deg);
  57. transform: rotate(359deg);
  58. }
  59. }
  60. @-ms-keyframes spin {
  61. 0% {
  62. -moz-transform: rotate(0deg);
  63. -o-transform: rotate(0deg);
  64. -webkit-transform: rotate(0deg);
  65. transform: rotate(0deg);
  66. }
  67. 100% {
  68. -moz-transform: rotate(359deg);
  69. -o-transform: rotate(359deg);
  70. -webkit-transform: rotate(359deg);
  71. transform: rotate(359deg);
  72. }
  73. }
  74. @keyframes spin {
  75. 0% {
  76. -moz-transform: rotate(0deg);
  77. -o-transform: rotate(0deg);
  78. -webkit-transform: rotate(0deg);
  79. transform: rotate(0deg);
  80. }
  81. 100% {
  82. -moz-transform: rotate(359deg);
  83. -o-transform: rotate(359deg);
  84. -webkit-transform: rotate(359deg);
  85. transform: rotate(359deg);
  86. }
  87. }