Stephen Kerr 2 years ago
commit 8c1d1dc5f7

@ -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; }

Loading…
Cancel
Save