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

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
3行目: 3行目:
}
}
.bound {
.bound {
   animation: key .3s ease infinite alternate;
   animation: bound .3s ease infinite alternate;
}
}
@keyframes key {
@keyframes bound {
   0% {transform: translateY(0px);}
   0% {transform: translateY(0px);}
   100% {transform: translateY(-50px);}
   100% {transform: translateY(-50px);}
}
}
.spin {
.spin {
   animation: key .6s ease infinite alternate;
   animation: spin .6s ease infinite alternate;
}
}
@keyframes key {
@keyframes spin {
   0% {transform: rotate(0deg);}
   0% {transform: rotate(0deg);}
   50% {transform: rotate(180deg);}
   50% {transform: rotate(180deg);}
   100% {transform: rotate(360deg);}
   100% {transform: rotate(360deg);}
}
}

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

div {
  position: absolute;
}
.bound {
  animation: bound .3s ease infinite alternate;
}
@keyframes bound {
  0% {transform: translateY(0px);}
  100% {transform: translateY(-50px);}
}
.spin {
  animation: spin .6s ease infinite alternate;
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(180deg);}
  100% {transform: rotate(360deg);}
}