|
|
@ -1,7 +1,7 @@
|
|
|
|
/* css animation that spins a class around forever# */
|
|
|
|
/* css animation that spins a class around forever# */
|
|
|
|
|
|
|
|
|
|
|
|
.spinny{
|
|
|
|
.spinny{
|
|
|
|
animation: rotate 5s infinite, colorchange 1.5s infinite alternate-reverse;
|
|
|
|
animation: rotate 16s infinite, colorchange 1.5s infinite alternate-reverse;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes rotate {
|
|
|
|
@keyframes rotate {
|
|
|
@ -13,7 +13,7 @@
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes colorchange {
|
|
|
|
@keyframes colorchange {
|
|
|
|
0% { box-shadow: 30px 30px 30px green, -30px 30px 50px red; }
|
|
|
|
0% { box-shadow: 30px 30px 30px green, -30px 30px 50px purple; }
|
|
|
|
100% { box-shadow: -10px 10px 66px green, 66px 8px 25px red; }
|
|
|
|
100% { box-shadow: -10px 10px 66px green, 66px 8px 25px purple; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|