「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 1行目: | 1行目: | ||
.grainbow { | .grainbow { | ||
animation: grainbow | animation: grainbow linear infinite normal; | ||
transition-duration: 10s; | |||
} | } | ||
@keyframes grainbow { | @keyframes grainbow { | ||
2年4月2日 (W) 14:15時点における版
.grainbow {
animation: grainbow linear infinite normal;
transition-duration: 10s;
}
@keyframes grainbow {
0% {background: linear-gradient(90deg, red, orange, yellow, green, blue, purple)}
20% {background: linear-gradient(90deg, orange, yellow, green, blue, purple, red)}
40% {background: linear-gradient(90deg, yellow, green, blue, purple, red, orange)}
60% {background: linear-gradient(90deg, green, blue, purple, red, orange, yellow)}
80% {background: linear-gradient(90deg, blue, purple, red, orange, yellow, green)}
100% {background: linear-gradient(90deg, purple, red, orange, yellow, green, blue)}
}