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

テンプレート:出ずる/style.css (編集)

446 バイト追加、 2年5月28日 (W)

編集の要約なし

8,864

回編集

@@ 30行目: / 30行目: @@
 % {transform: translateX(-25vw);}
 }
-.hovot{animation-play-state: paused}
 .hovrl1:active{animation-play-state: paused}
 .hovrl2:active{animation-play-state: paused}
 .hovrl3:active{animation-play-state: paused}
-.hovot:hover{animation: hovot .5s ease-in;animation-fill-mode: forwards;}
+.hovoright{animation-play-state: paused}
-@keyframes hovot {
+.hovoright:hover{animation: hovoright .5s ease-in;animation-fill-mode: forwards;}
+@keyframes hovoright {
 % {transform: translateX(0vw);}
 % {transform: translateX(100vw);}
+}
+.hovoleft{animation-play-state: paused}
+.hovoleft:hover{animation: hovoleft .5s ease-in;animation-fill-mode: forwards;}
+@keyframes hovoleft {
+% {transform: translateX(0vw);}
+% {transform: translateX(-100vw);}
+}
+.hovoup{animation-play-state: paused}
+.hovoupt:hover{animation: hovoup .5s ease-in;animation-fill-mode: forwards;}
+@keyframes hovoup {
+% {transform: translateY(0vw);}
+% {transform: translateY(100vh);}
 }