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

編集の要約なし
編集の要約なし
編集の要約なし
15行目: 15行目:
   100% {transform: translateY(-25px);color:blue}
   100% {transform: translateY(-25px);color:blue}
}
}
.hovrl{animation: hrl .5s linear infinite alternate;}
.hovrl1{animation: hrl1 .5s linear infinite alternate;}
@keyframes hrl {
@keyframes hrl1 {
   0% {transform: translateX(25vw);}
   0% {transform: translateX(25vw);}
   100% {transform: translateX(-25vw);}
   100% {transform: translateX(-25vw);}
}
}
.hovrl:active{animation-play-state: paused}
.hovrl2{animation: hrl2 .3s linear infinite alternate;}
@keyframes hrl2 {
  0% {transform: translateX(25vw);}
  100% {transform: translateX(-25vw);}
}
.hovrl3{animation: hrl3 .1s linear infinite alternate;}
@keyframes hrl3 {
  0% {transform: translateX(25vw);}
  100% {transform: translateX(-25vw);}
}
.hovrl1:active{animation-play-state: paused}
.hovrl2:active{animation-play-state: paused}
.hovrl3:active{animation-play-state: paused}
8,864

回編集