8,864
回編集
「テンプレート:出ずる/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし
編集の要約なし |
編集の要約なし |
||
| 30行目: | 30行目: | ||
100% {transform: translateX(-25vw);} | 100% {transform: translateX(-25vw);} | ||
} | } | ||
.hovrl1:active{animation-play-state: paused} | .hovrl1:active{animation-play-state: paused} | ||
.hovrl2:active{animation-play-state: paused} | .hovrl2:active{animation-play-state: paused} | ||
.hovrl3:active{animation-play-state: paused} | .hovrl3:active{animation-play-state: paused} | ||
. | .hovoright{animation-play-state: paused} | ||
@keyframes | .hovoright:hover{animation: hovoright .5s ease-in;animation-fill-mode: forwards;} | ||
@keyframes hovoright { | |||
0% {transform: translateX(0vw);} | 0% {transform: translateX(0vw);} | ||
100% {transform: translateX(100vw);} | 100% {transform: translateX(100vw);} | ||
} | |||
.hovoleft{animation-play-state: paused} | |||
.hovoleft:hover{animation: hovoleft .5s ease-in;animation-fill-mode: forwards;} | |||
@keyframes hovoleft { | |||
0% {transform: translateX(0vw);} | |||
100% {transform: translateX(-100vw);} | |||
} | |||
.hovoup{animation-play-state: paused} | |||
.hovoupt:hover{animation: hovoup .5s ease-in;animation-fill-mode: forwards;} | |||
@keyframes hovoup { | |||
0% {transform: translateY(0vw);} | |||
100% {transform: translateY(100vh);} | |||
} | } | ||