パララックス(視差効果)
Parallax
ふだんの言い方背景がゆっくり動く奥行きのあるスクロールずれて動く
スクロールしたとき、手前と奥を違う速さで動かして、奥行きを感じさせる演出。
見分けるポイント
- 奥のものは遅く、手前のものは速く動かす
- 重ねた層の速さの差で、立体感が生まれる
- 動かしすぎると酔うので、差は控えめに
AIへの伝え方
変更する場所:ヒーローセクションの背景。 ヒーローセクションに、パララックス(視差効果)を付けてください。背景の写真は、スクロール量の30%の速さでゆっくり動かし、手前の見出しは通常の速さで動かして、奥行きを感じさせてください。transformで動かして滑らかにし、「視差効果を減らす」設定の端末と、スマートフォンでは効果を切ってください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。
コピーした文章を、お使いのAIに貼り付けてください。
「動き」の言葉
触れたとき、現れるとき、スクロールしたときの動き。
207語すべてを、見た目から引く




2
4