スクロールアニメーション

背景色シフト

スクロールでセクションに入るたび背景色が滑らかに切り替わる。物語性のあるLPに。

プレビュー

プレビューは直接さわって試せます。

コード（コピーして使えます）

<div class="bg-shift">
  <section data-bg="#2b50c7">スクロールすると</section>
  <section data-bg="#2e9e6b">背景色が</section>
  <section data-bg="#c0492f">滑らかに変わる</section>
</div>