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

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
9行目: 9行目:
   100% {transform: translateY(-50px);}
   100% {transform: translateY(-50px);}
}
}
.spin {
.spin1 {
   animation: spin .9s linear infinite normal;
   animation: spin1 .9s linear infinite normal;
}
}
@keyframes spin {
@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);}
}