animationと@keyframesで背景色を変化させる
animationと@keyframesでWebページの背景色を変化させる。
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
body { animation: anim 12s infinite; } @keyframes anim { 0% { background: #2e5266; } 20% { background: #f28320; } 40% { background: #d85b1f; } 60% { background: #90ae3d; } 80% { background: #6d6e71; } 100% { background: #171219; } } |
Memo
animationで12sec掛けて6色に変化します。
< azuk >