You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
922 B
CSS
37 lines
922 B
CSS
3 years ago
|
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
||
|
from {
|
||
|
-webkit-transform: rotate(360deg) ;
|
||
|
-o-transform: rotate(360deg) ;
|
||
|
transform: rotate(360deg) ;
|
||
|
|
||
|
}
|
||
|
to {
|
||
|
-webkit-transform: rotate(0deg) ;
|
||
|
-o-transform: rotate(0deg) ;
|
||
|
transform: rotate(0deg) ;
|
||
|
}
|
||
|
}
|
||
|
@keyframes rotating {
|
||
|
from {
|
||
|
-ms-transform: rotate(360deg) ;
|
||
|
-moz-transform: rotate(360deg) ;
|
||
|
-webkit-transform: rotate(360deg) ;
|
||
|
-o-transform: rotate(360deg) ;
|
||
|
transform: rotate(360deg) ;
|
||
|
}
|
||
|
to {
|
||
|
-ms-transform: rotate(0deg) ;
|
||
|
-moz-transform: rotate(0deg) ;
|
||
|
-webkit-transform: rotate(0deg) ;
|
||
|
-o-transform: rotate(0deg) ;
|
||
|
transform: rotate(0deg) ;
|
||
|
|
||
|
}
|
||
|
}
|
||
|
.rotating {
|
||
|
-webkit-animation: rotating 100s linear infinite;
|
||
|
-moz-animation: rotating 100s linear infinite;
|
||
|
-ms-animation: rotating 100s linear infinite;
|
||
|
-o-animation: rotating 100s linear infinite;
|
||
|
animation: rotating 100s linear infinite;
|
||
|
}
|