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