「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
1行目: | 1行目: | ||
.grainbow { | .grainbow { | ||
animation: grainbow .4s linear infinite normal; | animation: grainbow .4s linear infinite normal; | ||
transition-duration: | transition-duration: 1s; | ||
} | } | ||
@keyframes grainbow { | @keyframes grainbow { |
2年4月2日 (W) 14:23時点における版
.grainbow {
animation: grainbow .4s linear infinite normal;
transition-duration: 1s;
}
@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)}
}