選択時にメニュー以外がグレーになる

• UUUM株式会社https://www.uuum.co.jp/

メニューにカーソルを乗せた際、それ以外のコンテンツを暗く（グレーアウト）する動きは、ユーザーの集中力をナビゲーションだけに向けさせる「フォーカス効果」があります。情報量の多いメガメニューやECサイトで、迷わず目的のリンクを探してもらうために有効なUIです。実装は、メニューの親要素にホバーしたタイミングで、コンテンツ全体を覆うオーバーレイ（黒の半透明レイヤー）を表示させます。背景のスクロールを一時的にロックすると、より操作性が向上します。