「テンプレート:テスト/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 14行目: | 14行目: | ||
@keyframes spin { | @keyframes spin { | ||
0% {transform: rotate(0deg);} | 0% {transform: rotate(0deg);} | ||
25%{transform: rotate(90deg);} | |||
50% {transform: rotate(180deg);} | 50% {transform: rotate(180deg);} | ||
75%{transform: rotate(270deg);} | |||
100% {transform: rotate(360deg);} | 100% {transform: rotate(360deg);} | ||
} | } | ||
2年3月17日 (来) 16:42時点における版
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);}
25%{transform: rotate(90deg);}
50% {transform: rotate(180deg);}
75%{transform: rotate(270deg);}
100% {transform: rotate(360deg);}
}