スクロール · スクロールで変わる
パララックス视差
- 奥行き
- 没入
- ゆったり
背景を前景より遅く動かし、前後がずれる奥行き感を作ります。
使いどころ
大きな画像やカバーなど装飾的な背景に使えます。文字や操作部品には使わないでください。狙いが定めにくくなります。
パラメータ
background offset = scroll distance × 0.3 · linear · only transform
レシピ
transform のみパララックス → background offset = scroll distance × 0.3 · linear · only transform
AI に渡す一文
このヒーロー領域にパララックスを付けてください。400px スクロールする間に背景レイヤーは 120px だけ動かし（0.3 倍）、前景は通常どおり、transform のみ、linear で。