パララックス
Parallax
別名: 視差効果
ライブデモ
説明
一言で説明
ページをスクロールしたとき、背景と前景が異なる速度で動くことで生まれる奥行き感・立体感のある視覚効果。
いつ使う？
ランディングページや特集ページで、没入感や印象的な視覚体験を提供したいとき。ただし過剰に使うと酔いやすいため注意が必要。
💡 日常の言い方
「スクロールすると背景がゆっくり動いて奥行きが出る、映画的な演出」
似ている用語との違い
パララックス vs スクロールアニメーション
パララックスは背景と前景の『速度差』で奥行きを表現し続ける。スクロールアニメーションは要素が画面に入った『瞬間だけ』アニメーションする。
AIへの指示例
ヒーローセクションにパララックス効果を追加して。ユーザーがスクロールすると、背景画像は前景テキストの半分の速度でゆっくり動くようにして。