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.
29 lines
638 B
CSS
29 lines
638 B
CSS
/* css animation that spins a class around forever# */
|
|
|
|
.spinny{
|
|
animation: rotate 10s infinite, colorchange 4.5s infinite alternate-reverse;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
transform: rotate(360deg);
|
|
}
|
|
to {
|
|
transform: rotate(-360deg);
|
|
}}
|
|
|
|
@keyframes colorchange {
|
|
0% { filter: drop-shadow(-30px 30px 50px white); }
|
|
100% { filter: drop-shadow(-10px 10px 66px white); }
|
|
|
|
|
|
.star{
|
|
animation: colorchange 4.5s infinite alternate-reverse;
|
|
}
|
|
|
|
@keyframes colorchange {
|
|
0% { filter: drop-shadow(-30px 30px 50px white); }
|
|
100% { filter: drop-shadow(-10px 10px 66px white); }
|
|
|
|
|