テンプレート:テスト/style.css
.fall {
animation:
7s ease-in infinite normal fall,
24s linear 0s infinite psychedelic;
}
@keyframes fall {
0% {
transform: translateY(0);
opacity:100;
}
100% {
transform: translateY(100vh);
opacity: 0;
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes psychedelic {
from {
filter: hue-rotate(0deg);
}
to {
filter: hue-rotate(360deg);
}
}