ナビ・リスト操作
マグニファイ・ドック
macOS風のドック。カーソルに近いアイコンほど大きく持ち上がり、なめらかに波打つ。横並びナビやツールバーをリッチに。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
実装メモ
カーソルX座標と各アイコン中心の距離で拡大率を決めています。アイコン数や最大拡大率(scaleMax)・効き幅(range)はお好みで。タッチ端末ではドラッグで反応します。
コード（コピーして使えます）
<nav class="dock" aria-label="ドック">
<button class="dock-item">🏠</button>
<button class="dock-item">🔍</button>
<button class="dock-item">📁</button>
<button class="dock-item">✉️</button>
<button class="dock-item">🎵</button>
<button class="dock-item">⚙️</button>
</nav>