右の矢印が消え左から出現

• 301 INC.https://301.jp/

テキストの左側に隠れていた矢印がスライドして現れる動きは、「ここを見て」という指差し確認のような強調効果があります。リスト形式のリンクなどで、選択行を明確にするマーカーとして機能します。親要素にoverflow: hiddenを設定し、枠外から矢印を移動させます。同時にテキスト自体も右へ少しずらすことで、矢印が入ってくるスペースを空けるような連動性を持たせると、窮屈さを感じさせない洗練された動きになります。