ホバー時にボタンが吸着して表示

• 株式会社TBWA HAKUHODOhttps://www.tbwahakuhodo.co.jp/

ヘッダーのMENUボタンにカーソルを合わせると、ボタン全体の背景領域がマウスポインタの動きに吸着するように滑らかに移動する演出です。静的なUIに物理的な生命感を与え、ユーザーの視線と操作を自然にメニューへ誘導します。先進的なBtoBやポートフォリオサイトに効果的です。実装はPointer Eventsでマウスの相対座標を取得し、transform: translate3dとイージング関数を組み合わせて追従描画します。