animation.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. @-moz-keyframes spin {
  12. 0% {
  13. -moz-transform: rotate(0deg);
  14. -o-transform: rotate(0deg);
  15. -webkit-transform: rotate(0deg);
  16. transform: rotate(0deg);
  17. }
  18. 100% {
  19. -moz-transform: rotate(359deg);
  20. -o-transform: rotate(359deg);
  21. -webkit-transform: rotate(359deg);
  22. transform: rotate(359deg);
  23. }
  24. }
  25. @-webkit-keyframes spin {
  26. 0% {
  27. -moz-transform: rotate(0deg);
  28. -o-transform: rotate(0deg);
  29. -webkit-transform: rotate(0deg);
  30. transform: rotate(0deg);
  31. }
  32. 100% {
  33. -moz-transform: rotate(359deg);
  34. -o-transform: rotate(359deg);
  35. -webkit-transform: rotate(359deg);
  36. transform: rotate(359deg);
  37. }
  38. }
  39. @-o-keyframes spin {
  40. 0% {
  41. -moz-transform: rotate(0deg);
  42. -o-transform: rotate(0deg);
  43. -webkit-transform: rotate(0deg);
  44. transform: rotate(0deg);
  45. }
  46. 100% {
  47. -moz-transform: rotate(359deg);
  48. -o-transform: rotate(359deg);
  49. -webkit-transform: rotate(359deg);
  50. transform: rotate(359deg);
  51. }
  52. }
  53. @-ms-keyframes spin {
  54. 0% {
  55. -moz-transform: rotate(0deg);
  56. -o-transform: rotate(0deg);
  57. -webkit-transform: rotate(0deg);
  58. transform: rotate(0deg);
  59. }
  60. 100% {
  61. -moz-transform: rotate(359deg);
  62. -o-transform: rotate(359deg);
  63. -webkit-transform: rotate(359deg);
  64. transform: rotate(359deg);
  65. }
  66. }
  67. @keyframes spin {
  68. 0% {
  69. -moz-transform: rotate(0deg);
  70. -o-transform: rotate(0deg);
  71. -webkit-transform: rotate(0deg);
  72. transform: rotate(0deg);
  73. }
  74. 100% {
  75. -moz-transform: rotate(359deg);
  76. -o-transform: rotate(359deg);
  77. -webkit-transform: rotate(359deg);
  78. transform: rotate(359deg);
  79. }
  80. }