1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
|
p {
color: #f00;
}
@-moz-keyframes spinnerRotate,
@-webkit-keyframes spinnerRotate,
@keyframes spinnerRotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
font-size: 300%;
margin-left: 25%;
width: 150%;
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinnerRotate {
0% {
top: 0;
left: 0;
}
30% {
top: 50px;
}
68%, 72% {
left: 50px;
}
100% {
top: 100px;
left: 100%;
}
}
a {
color: #0f0;
}
|