スクロール連動でコンテンツ幅が縮小する

• 株式会社ジンズホールディングスhttps://jinsholdings.com/jp/ja

スクロールの進行に合わせて、全幅で表示されていた画像やコンテンツの横幅が滑らかに縮小し、両サイドに余白が生まれるアニメーションです。ユーザーのスクロール操作と画面の変化が直結しているため、心地よい没入感を提供できます。企業の世界観を強く打ち出したいブランドサイトやコーポレートサイトのメインビジュアル直下などに最適です。実装はGSAPのScrollTriggerなどを用い、スクロール量に応じて要素のscaleやwidthを制御して表現します。