奥は、ゆっくり。
手前は、はやく。
枠の中をスクロールすると、奥と手前が違う速さで動きます。

あわせて引く

パララックス(視差効果)

Parallax

ふだんの言い方背景がゆっくり動く奥行きのあるスクロールずれて動く

スクロールしたとき、手前と奥を違う速さで動かして、奥行きを感じさせる演出。

見分けるポイント

  • 奥のものは遅く、手前のものは速く動かす
  • 重ねた層の速さの差で、立体感が生まれる
  • 動かしすぎると酔うので、差は控えめに

AIへの伝え方

変更する場所:ヒーローセクションの背景。 ヒーローセクションに、パララックス(視差効果)を付けてください。背景の写真は、スクロール量の30%の速さでゆっくり動かし、手前の見出しは通常の速さで動かして、奥行きを感じさせてください。transformで動かして滑らかにし、「視差効果を減らす」設定の端末と、スマートフォンでは効果を切ってください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く