ホバーで外枠の線が伸びて囲む

• ベリーマン株式会社https://veryman.jp/

マウスオーバー時に、要素の周囲をなぞるように外枠の線がスッと伸びて囲むインタラクションです。控えめながらも確かな視覚的フィードバックを与え、ユーザーにクリック可能であることを上品に伝達します。背景の塗りつぶしよりも抜け感があるため、洗練されたミニマルなデザインや、写真の魅力を邪魔したくないカードUIに最適です。実装はCSSの擬似要素の幅や高さをホバー時に変化させる手法や、SVGを用いて滑らかな描画軌跡を表現するのが一般的です。