通常であれば、cssでbodyに対してbackground-color:#FF0000とかで自由に変える事ができます。(グラデーションや画像は不可)この部分を動的に変えて欲しい、っていう機会は滅多になく、まさか動的に変えられるとは思ってなかったのですが、やったら普通にできました。いつ使うのかは不明ですが、一応こんな風に見えます。バウンススクロールした距離によって黒から白にグラデーションさせています。safari限定MazeMazeColor上下に別れた色(タップ&長押しで変更可)を混ぜた色をバウンススクロールで見えた部分に反映させ、さらにスクロールを続けると、例えば下にスクロールして、下部分の色が隠れていくにつれ、混ぜた色から下の色が引かれていくような見え方になっています。毎フレームbodyのbackground-colorの値を変えているだけですが、githubにソースをアップしておきます。亮(ikeryou)フリーランスのフロントエンドエンジニアインタラクティブな実装や、派手ではないがさりげない演出のあるwebサイトの実装が得意です。お仕事募集しております。メールまたはSNSからお気軽にお問い合わせください。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。