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