「テンプレート:動き/style.css」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「div { position: absolute; } .bound { animation: bound .3s ease infinite alternate; } @keyframes bound { 0% {transform: translateY(25px);} 100% {transform: translateY(-25px);} } .updown { animation: updown .3s linear infinite alternate; } @keyframes updown { 0% {transform: translateY(25px);} 100% {transform: translateY(-25px);} } .spin1 { animation: spin1 .9s linear infinite normal; } @keyframes spin1 { 0% {transform: rotate(0deg);} 100% {transfor…」) |
編集の要約なし |
||
| 29行目: | 29行目: | ||
0% {transform: rotate(360deg);} | 0% {transform: rotate(360deg);} | ||
100% {transform: rotate(0deg);} | 100% {transform: rotate(0deg);} | ||
} | |||
.spin3 { | |||
animation: spin1 .4s linear infinite normal; | |||
} | |||
.spin4 { | |||
animation: spin2 .4s linear infinite normal; | |||
} | } | ||
2年3月29日 (黃) 22:09時点における版
div {
position: absolute;
}
.bound {
animation: bound .3s ease infinite alternate;
}
@keyframes bound {
0% {transform: translateY(25px);}
100% {transform: translateY(-25px);}
}
.updown {
animation: updown .3s linear infinite alternate;
}
@keyframes updown {
0% {transform: translateY(25px);}
100% {transform: translateY(-25px);}
}
.spin1 {
animation: spin1 .9s linear infinite normal;
}
@keyframes spin1 {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.spin2 {
animation: spin2 .9s linear infinite normal;
}
@keyframes spin2 {
0% {transform: rotate(360deg);}
100% {transform: rotate(0deg);}
}
.spin3 {
animation: spin1 .4s linear infinite normal;
}
.spin4 {
animation: spin2 .4s linear infinite normal;
}