動きの見本です。ポインターを重ねたり、再生ボタンを押したりして試せます。

あわせて引く

伸びる下線

Link Underline

ふだんの言い方リンク演出ホバー下線線が伸びる

ホバーで下線が左からスッと伸びるリンク。

見分けるポイント

  • ホバーやフォーカスで下線が伸びる
  • 短い時間で滑らかに変化
  • クリックできることを伝える

AIへの伝え方

変更する場所:ナビゲーションのリンク。 ナビのリンクに、ホバーで下線が左からスッと伸びるアニメーションを。0.25秒、transform: scaleXで。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

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

「動き」の言葉

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

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