文字が、せり上がる。

「もう一度」を押すと、文字がせり上がります。

あわせて引く

テキストリビール

Text Reveal

ふだんの言い方文字が下からせり上がる一行ずつ現れる文字文字がにょきっと出る

見出しの文字が、見えない枠の下からせり上がるように現れる演出。

見分けるポイント

  • 行や文字ごとに、切り抜いた枠の下から上へ滑り出る
  • 行や文字の順に、少しずつ時間をずらす
  • 見出しに、映画のタイトルのような品が出る

AIへの伝え方

変更する場所:ヒーローセクションの見出しの登場。 ヒーローセクションの見出しの登場を、テキストリビールにしてください。見出しを行ごとに分け、各行を overflow: hidden の枠で囲んで、文字が枠の下から上へ0.8秒で滑り出るようにしてください。2行目は0.12秒遅らせ、動きの緩急は cubic-bezier(0.2, 0.8, 0.2, 1) にしてください。再生は最初の1回だけにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

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

「動き」の言葉

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

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