「テンプレート:テスト/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 3行目: | 3行目: | ||
} | } | ||
.fall2 { | .fall2 { | ||
animation: | animation: 4s ease-in infinite normal fall | ||
} | } | ||
.rotate { | .rotate { | ||
animation: 10s ease-in-out infinite alternate rotate; | animation: 10s ease-in-out infinite alternate rotate; | ||
} | |||
.rotate2 { | |||
animation: 7s ease-in-out 3s infinite alternate-reverse rotate; | |||
} | } | ||
@keyframes fall { | @keyframes fall { | ||
5年5月2日 (来) 20:46時点における版
.fall {
animation: 7s ease-in infinite normal fall
}
.fall2 {
animation: 4s ease-in infinite normal fall
}
.rotate {
animation: 10s ease-in-out infinite alternate rotate;
}
.rotate2 {
animation: 7s ease-in-out 3s 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);
}
}