// ジャンルの選択肢が変更された際の動作
また、これらのドロップダウンのアニメーションは迅速です。フェードイン&アウト効果は高速に処理され、おそらく300ミリ秒くらいしかかかりません。 それは、すべてのリンクにサブメニューがあるにもかかわらず、矢印アイコンは、メニューアイテム上でマウスホバーされた時にしか表示されないことです。この場合、矢印アイコンは常に表示されたままにしておくことが、デザインのベストプラクティスです。
田島悠介
という事で今回は、カーソルをメニューに合わせた時に、 別のカテゴリー(子要素)が表示されるようにしてみる。 ・HTML(index.html) そして次に、CSSで見た目の部分を整える、 ・CSS(style.css) そして、ロゴとハンバーガーボタンの部分に関してはこんな感じ。 ・CSS(style.css) そして、ハンバーガーボタンがきちんと反応してくれるようにするには、 script.jsに、 と書いて終わり。 これらのような、メニューの階層が少ないものだと、HTMLやCSSの記述も比較的シンプルで短く簡単。 ただ、もう少し階 … 今回は、HTMLに関する内容だね! padding: 0;
ドロップダウンのアニメーションは迅速にする
// 好きな食べ物の選択肢を空にする