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

← 古い編集

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

2年5月29日 (I) 00:21時点における版

1,633 バイト追加、 2年5月29日 (I)

編集の要約なし

キュアラプラプ

10,123

回編集

@@ 1行目: / 1行目: @@
 .hov {
-   background-color: white;
+   color: white;
+}
+.hovobe {
+  color: black;
 }
 .hov:hover {
-   background-color: black;
+   color: black;
+}
+.hovobe:hover {
+  animation: hbound .3s ease infinite alternate;
+}
+@keyframes hbound {
+% {transform: translateY(25px);color:red}
+% {transform: translateY(-25px);color:blue}
+}
+.hovrl1{animation: hrl1 .7s linear infinite alternate;}
+@keyframes hrl1 {
+% {transform: translateX(25vw);}
+% {transform: translateX(-25vw);}
+}
+.hovrl2{animation: hrl2 .5s linear infinite alternate;}
+@keyframes hrl2 {
+% {transform: translateX(25vw);}
+% {transform: translateX(-25vw);}
+}
+.hovrl3{animation: hrl3 .1s linear infinite alternate;}
+@keyframes hrl3 {
+% {transform: translateX(25vw);}
+% {transform: translateX(-25vw);}
+}
+.hovrl1:active{animation-play-state: paused}
+.hovrl2:active{animation-play-state: paused}
+.hovrl3:active{animation-play-state: paused}
+.hovoright{animation-play-state: paused}
+.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}