「テンプレート:テスト/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 1行目: | 1行目: | ||
.fall { | .fall { | ||
animation: fall 7s ease-in infinite normal; | animation:fall 7s ease-in infinite normal; | ||
animation:rotate 10s linear infinite alternate; | |||
} | } | ||
@keyframes fall { | @keyframes fall { | ||
| 10行目: | 11行目: | ||
transform: translateY(100vh); | transform: translateY(100vh); | ||
opacity: 0; | opacity: 0; | ||
} | |||
} | |||
@keyframes rotate { | |||
from { | |||
transform: rotate(0deg); | |||
} | |||
to { | |||
transform: rotate(360deg); | |||
} | } | ||
} | } | ||
5年5月2日 (来) 20:04時点における版
.fall {
animation:fall 7s ease-in infinite normal;
animation:rotate 10s linear infinite alternate;
}
@keyframes fall {
0% {
transform: translateY(0);
opacity:100;
}
100% {
transform: translateY(100vh);
opacity: 0;
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}