spinners.styl
1 .spin { 2 -webkit-animation:spin 4s linear infinite; 3 -moz-animation:spin 4s linear infinite; 4 animation:spin 4s linear infinite; 5 } 6 7 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 8 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 9 @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } 10 @-ms-keyframes spin { 11 from { -ms-transform: rotate(0deg); } 12 to { -ms-transform: rotate(360deg); } 13 } 14 @-moz-keyframes spin { 15 from { -moz-transform: rotate(0deg); } 16 to { -moz-transform: rotate(360deg); } 17 } 18 @-webkit-keyframes spin { 19 from { -webkit-transform: rotate(0deg); } 20 to { -webkit-transform: rotate(360deg); } 21 } 22 @keyframes spin { 23 from { 24 transform:rotate(0deg); 25 } 26 to { 27 transform:rotate(360deg); 28 } 29 } 30 31 .spinslow { 32 -webkit-animation:spin 32s linear infinite; 33 -moz-animation:spin 32s linear infinite; 34 animation:spin 32s linear infinite; 35 } 36 37 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 38 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 39 @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } 40 @-ms-keyframes spin { 41 from { -ms-transform: rotate(0deg); } 42 to { -ms-transform: rotate(360deg); } 43 } 44 @-moz-keyframes spin { 45 from { -moz-transform: rotate(0deg); } 46 to { -moz-transform: rotate(360deg); } 47 } 48 @-webkit-keyframes spin { 49 from { -webkit-transform: rotate(0deg); } 50 to { -webkit-transform: rotate(360deg); } 51 } 52 @keyframes spin { 53 from { 54 transform:rotate(0deg); 55 } 56 to { 57 transform:rotate(360deg); 58 } 59 }