「テンプレート:テスト/style.css」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
6行目: 6行目:
}
}
@keyframes bound {
@keyframes bound {
   0% {transform: translateY(0px);}
   0% {transform: translateY(25px);}
   100% {transform: translateY(-50px);}
   100% {transform: translateY(-25px);}
}
}
.spin1 {
.spin1 {

2年3月17日 (来) 16:58時点における版

div {
  position: absolute;
}
.bound {
  animation: bound .3s ease infinite alternate;
}
@keyframes bound {
  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);}
}