You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.8 KiB
85 lines
1.8 KiB
/* |
|
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); |
|
} |
|
}
|
|
|