|
|
| 1行目: |
1行目: |
| .fall {
| | |
| animation: 17s ease-in infinite normal fall
| |
| }
| |
| .fall2 {
| |
| animation: 14s ease-in infinite normal fall
| |
| }
| |
| .rotate {
| |
| animation: 10s ease-in-out infinite alternate rotate;
| |
| }
| |
| .rotate2 {
| |
| animation: 7s ease-in-out infinite alternate-reverse rotate;
| |
| }
| |
| @keyframes fall {
| |
| 0% {
| |
| transform: translateY(0);
| |
| opacity:0;
| |
| }
| |
| 15%{opacity:100}
| |
| 85%{opacity:100}
| |
| 100% {
| |
| transform: translateY(100vh);
| |
| opacity: 0;
| |
| }
| |
| }
| |
| @keyframes rotate {
| |
| from {
| |
| transform: rotate(-90deg);
| |
| }
| |
| to {
| |
| transform: rotate(90deg);
| |
| }
| |
| }
| |