「テンプレート:革命/style.css」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「.rev1 { animation: rev1 5s linear infinite alternate; } @keyframes rev1 { 0% {border-spacing:0;border-collapse:separate;border-radius:100px} 100% {border-radius:0px} } .rev2a { animation: rev2a 5s ease-in infinite alternate; } .rev2b { animation: rev2b 5s ease-in infinite alternate; } .rev2c { animation: rev2c 5s ease-in infinite alternate; } .rev2d { animation: rev2d 5s ease-in infinite alternate; } .rev2e { animation: rev2e 5s ease-in infinite alte…」) |
編集の要約なし |
||
| (同じ利用者による、間の6版が非表示) | |||
| 1行目: | 1行目: | ||
.rev1 { | .rev1 { | ||
animation: rev1 5s | animation: rev1 5s ease-out infinite alternate; | ||
} | } | ||
@keyframes rev1 { | @keyframes rev1 { | ||
| 6行目: | 6行目: | ||
100% {border-radius:0px} | 100% {border-radius:0px} | ||
} | } | ||
. | .rev2w { | ||
animation: | animation: rev2w 5s ease-out infinite alternate; | ||
} | } | ||
.rev2b { | .rev2b { | ||
animation: rev2b 5s ease- | animation: rev2b 5s ease-out infinite alternate; | ||
} | } | ||
. | .rev2g { | ||
animation: | animation: rev2g 5s ease-out infinite alternate; | ||
} | } | ||
. | .rev2y { | ||
animation: | animation: rev2y 5s ease-out infinite alternate; | ||
} | } | ||
. | .rev2bk { | ||
animation: | animation: rev2bk 5s ease-out infinite alternate; | ||
} | } | ||
@keyframes | .rev2n { | ||
animation: rev2n 5s ease-out infinite alternate; | |||
} | |||
@keyframes rev2w { | |||
0% {background-color:white} | 0% {background-color:white} | ||
100% {background-color:red} | 100% {background-color:red} | ||
| 29行目: | 32行目: | ||
100% {background-color:red} | 100% {background-color:red} | ||
} | } | ||
@keyframes | @keyframes rev2g { | ||
0% {background-color:green} | 0% {background-color:green} | ||
100% {background-color:red} | 100% {background-color:red} | ||
} | } | ||
@keyframes | @keyframes rev2y { | ||
0% {background-color:yellow} | 0% {background-color:yellow} | ||
100% {background-color:red} | 100% {background-color:red} | ||
} | } | ||
@keyframes | @keyframes rev2bk { | ||
0% {background-color:black} | 0% {background-color:black} | ||
100% {background-color:red} | |||
} | |||
@keyframes rev2n { | |||
0% {background-color:navy} | |||
100% {background-color:red} | 100% {background-color:red} | ||
} | } | ||
.rev3 { | .rev3 { | ||
animation: rev3 5s ease- | animation: rev3 5s ease-out infinite alternate; | ||
} | } | ||
@keyframes rev3 { | @keyframes rev3 { | ||
0% {color:transparent} | 0% {color:transparent} | ||
100% {color:yellow} | 100% {color:yellow} | ||
} | |||
.rev4a { | |||
animation: rev4a 5s ease-out infinite alternate; | |||
} | |||
@keyframes rev4a { | |||
0% {color:red} | |||
100% {color:transparent} | |||
} | |||
.rev4b { | |||
animation: rev4b 5s ease-out infinite alternate; | |||
} | |||
@keyframes rev4b { | |||
0% {color:white} | |||
100% {color:transparent} | |||
} | } | ||
2年4月2日 (W) 21:16時点における最新版
.rev1 {
animation: rev1 5s ease-out infinite alternate;
}
@keyframes rev1 {
0% {border-spacing:0;border-collapse:separate;border-radius:100px}
100% {border-radius:0px}
}
.rev2w {
animation: rev2w 5s ease-out infinite alternate;
}
.rev2b {
animation: rev2b 5s ease-out infinite alternate;
}
.rev2g {
animation: rev2g 5s ease-out infinite alternate;
}
.rev2y {
animation: rev2y 5s ease-out infinite alternate;
}
.rev2bk {
animation: rev2bk 5s ease-out infinite alternate;
}
.rev2n {
animation: rev2n 5s ease-out infinite alternate;
}
@keyframes rev2w {
0% {background-color:white}
100% {background-color:red}
}
@keyframes rev2b {
0% {background-color:blue}
100% {background-color:red}
}
@keyframes rev2g {
0% {background-color:green}
100% {background-color:red}
}
@keyframes rev2y {
0% {background-color:yellow}
100% {background-color:red}
}
@keyframes rev2bk {
0% {background-color:black}
100% {background-color:red}
}
@keyframes rev2n {
0% {background-color:navy}
100% {background-color:red}
}
.rev3 {
animation: rev3 5s ease-out infinite alternate;
}
@keyframes rev3 {
0% {color:transparent}
100% {color:yellow}
}
.rev4a {
animation: rev4a 5s ease-out infinite alternate;
}
@keyframes rev4a {
0% {color:red}
100% {color:transparent}
}
.rev4b {
animation: rev4b 5s ease-out infinite alternate;
}
@keyframes rev4b {
0% {color:white}
100% {color:transparent}
}