260731_ui_menu_safe_triangle

サブメニューの誤閉鎖を防ぐセーフ・トライアングルを、複数の実装方法で比較できるデモです。

解説記事：メニューUIの誤操作を減らせ！ CSSで作るヒットエリア「セーフ・トライアングル」

動作手順

事前にNode.jsをインストールしてください。

1. 依存パッケージをインストールします。

   npm i

2. 開発サーバーを起動します。

   npm run dev

3. ターミナルに表示されたURLをブラウザーで開きます。