2018.08.21
コーダーの兼山です。
今回は、CSSのみで作成する、
ドロップダウンのナビゲーションをご紹介します。
jQueryの使用が多くなるのを避けたいときや、データの軽量化をしたいときに便利です。
ドロップダウンの動きについては、
CSS3のtransitionの指定で、滑らかに動きます。
HTMLの記述は、
『ドロップダウン ナビゲーション:シングル【デモ】』と同じです。
今回は、HTML+CSSだけでシンプルなドロップダウンのナビゲーションを作る方法をご紹介しました。
CSS3や疑似要素を組み合わせて、JavaScriptを使わずに動きを実現できます。
ぜひ試してみて下さい。