コピペでOK!ドロップダウンメニューをHTMLとCSSだけで超簡単に作成する方法
サイト内のカテゴリーが多くなってしまったとき、全てを横並びにすると場所をとってしまう上、見づらくなってしまいますよね。 今回はそんな場合にオススメなのは『ドロップダウンメニュー』です!マウスカーソルを乗せると項目が下にズラッと出現するアレです。 ▼ドロップダウンメニューの例 ホーム 日常 旅行 商品レビュー ライブラリ 料理 趣味 映画 漫画 エンタメ関連 ゲーム 映画 WordPress関連 お問い合わせ ※スマホの場合は表示が崩れる場合があります。そもそもドロップダウンメニューはマウスオ ...
カーソルを合わせた際の様々なホバーエフェクトを超簡単に実装する方法
ボタンなどの要素にカーソルを合わせた際の様々なホバーエフェクトを「Hover.css」を用いて超簡単に実装する方法について紹介します! 「Hover.css」のダウンロード&実装 ianlunn.co.uk/articles/hover-css-tutorial-introduction/ 上記のダウンロードサイトにアクセスし、"DOWNLOAD"ボタンをクリックして「Hover-master.zip」という zip形式のフォルダをダウンロードしてください。 ダウンロードが完了したら.zipフォル ...