Spaces:
Sleeping
Sleeping
/* | |
Animation example, for spinners | |
*/ | |
.animate-spin { | |
-moz-animation: spin 2s infinite linear; | |
-o-animation: spin 2s infinite linear; | |
-webkit-animation: spin 2s infinite linear; | |
animation: spin 2s infinite linear; | |
display: inline-block; | |
} | |
@-moz-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-webkit-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-o-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-ms-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |