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.

20 lines
440 B
CSS

2 years ago
/* css animation that spins a class around forever# */
.spinny{
2 years ago
animation: rotate 20s infinite, colorchange 1.5s infinite alternate-reverse;
}
@keyframes rotate {
from {
transform: rotate(360deg);
}
to {
transform: rotate(-360deg);
}}
2 years ago
@keyframes colorchange {
2 years ago
0% { box-shadow: 30px 30px 30px green, -30px 30px 50px purple; }
100% { box-shadow: -10px 10px 66px green, 66px 8px 25px purple; }
2 years ago