「テンプレート:テスト/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 3行目: | 3行目: | ||
} | } | ||
.bound { | .bound { | ||
animation: | animation: bound .3s ease infinite alternate; | ||
} | } | ||
@keyframes | @keyframes bound { | ||
0% {transform: translateY(0px);} | 0% {transform: translateY(0px);} | ||
100% {transform: translateY(-50px);} | 100% {transform: translateY(-50px);} | ||
} | } | ||
.spin { | .spin { | ||
animation: | animation: spin .6s ease infinite alternate; | ||
} | } | ||
@keyframes | @keyframes spin { | ||
0% {transform: rotate(0deg);} | 0% {transform: rotate(0deg);} | ||
50% {transform: rotate(180deg);} | 50% {transform: rotate(180deg);} | ||
100% {transform: rotate(360deg);} | 100% {transform: rotate(360deg);} | ||
} | } | ||
2年3月17日 (来) 16:40時点における版
div {
position: absolute;
}
.bound {
animation: bound .3s ease infinite alternate;
}
@keyframes bound {
0% {transform: translateY(0px);}
100% {transform: translateY(-50px);}
}
.spin {
animation: spin .6s ease infinite alternate;
}
@keyframes spin {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
}