「テンプレート:出ずる/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
15行目: | 15行目: | ||
100% {transform: translateY(-25px);color:blue} | 100% {transform: translateY(-25px);color:blue} | ||
} | } | ||
. | .hovrl1{animation: hrl1 .5s linear infinite alternate;} | ||
@keyframes | @keyframes hrl1 { | ||
0% {transform: translateX(25vw);} | 0% {transform: translateX(25vw);} | ||
100% {transform: translateX(-25vw);} | 100% {transform: translateX(-25vw);} | ||
} | } | ||
. | .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} |
2年5月28日 (W) 23:26時点における版
.hov {
color: white;
}
.hovobe {
color: black;
}
.hov:hover {
color: black;
}
.hovobe:hover {
animation: hbound .3s ease infinite alternate;
}
@keyframes hbound {
0% {transform: translateY(25px);color:red}
100% {transform: translateY(-25px);color:blue}
}
.hovrl1{animation: hrl1 .5s linear infinite alternate;}
@keyframes hrl1 {
0% {transform: translateX(25vw);}
100% {transform: translateX(-25vw);}
}
.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}