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

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

651 バイト追加、 2年5月29日 (I)

編集の要約なし

10,123

回編集

@@ 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);}
+}
+.hovodown{animation-play-state: paused}
+.hovodown:hover{animation: hovodown .5s ease-in;animation-fill-mode: forwards;}
+@keyframes hovodown {
+% {transform: translateY(0vw);}
+% {transform: translateY(100vh);}
+}
+.hovatch{color:white;background-color:white}
+.hovatch:hover{color:#aa0000;background-color:black}
+.hovred{color:#ff8c00;background-color:#ff8c00}
+.hovred:hover{color:#aa0000;background-color:black}