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