「テンプレート:動き/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし タグ: 手動差し戻し |
(うひゃひゃ) |
||
| 12行目: | 12行目: | ||
0% {transform: translateY(25px);} | 0% {transform: translateY(25px);} | ||
100% {transform: translateY(-25px);} | 100% {transform: translateY(-25px);} | ||
} | |||
.RL { | |||
animation: RL .3s linear infinite alternate; | |||
} | |||
@keyframes RL { | |||
0% {transform: translateX(25px);} | |||
100% {transform: translateX(-25px);} | |||
} | } | ||
.spin1 { | .spin1 { | ||
2年5月28日 (W) 23:10時点における版
.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);}
}
.RL {
animation: RL .3s linear infinite alternate;
}
@keyframes RL {
0% {transform: translateX(25px);}
100% {transform: translateX(-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 .18s linear infinite normal;
}
.spin4 {
animation: spin2 .18s linear infinite normal;
}
@keyframes fade {
0% {background-color:transparent}
75% {background-color:transparent}
100% {background-color:black}
}
.fade{
animation: fade ease-in;
animation-duration: 10s;
animation-fill-mode: forwards;
}