ロケーション：ホーム > JS特殊効果コード > ナビゲーションとメニュー

シンプルなcss3ハンバーガーメニュークリックして展開

2020-06-25 77ビュー

ハンバーガーメニュー|メニュー展開|クリックして展開|アニメーションを展開

シンプルなcss3ハンバーガーメニューをクリックしてアニメーション効果を展開します。

オンラインプレビュー無料ダウンロード

あなたも好きかも

アニメーションアイコン付きのjQuery美しいタブプラグイン
非常に美しいcss3およびjQueryタブプラグイン、色の変更が簡単、アイコンとcss3アニメーション効果を備えたタブプラグイン。
ブートストラップ矢印ステップCSS3コード
Bootstrapに基づくステップバイステップのガイド付きcss3コードは、パンくずナビゲーションとして使用できます。
ブートストラップスタイルのツリーメニュープラグインztree
Ztreeは、実用的なツリーメニューナビゲーションプラグイン、ブートストラップスタイルのツリーメニュープラグイン、マルチレベルの組織構造メニューです。
レスポンシブjQueryナビゲーションドロップダウンプラグインブルー
美しいレイアウトのJQueryWebサイトナビゲーションメニュー、アニメーション効果のあるマルチレベルのドロップダウンメニュー、ドロップダウンで写真やログインフォームを配置できます。色の変更も簡単です。デフォルトは青いナビゲーションです。
ブートストラップレスポンシブナビゲーションメニュープラグインのさまざまなデバイススタイル
さまざまなサイズのデバイス上のさまざまなスタイルのレスポンシブナビゲーションメニューであるBootstrap3は、スライド式サイドバーjQueryプラグインを非表示にします。サイドバープラグインは、大画面デバイスでは通常の水平トップメニューを表示し、携帯電話などの小画面デバイスでは、メニューが変換されてスライドサイドバーが非表示になります。 Bootstrapは、デフォルトで小画面デバイスのメニューを非表示にし、ハンバーガーボタンのみを表示します。ただし、非表示のメニューにはスライド効果はありません。 offcanvas.jsサイドバープラグインは、Bootstrapの非表示メニューをスライドメニューに変換できます。
シンプルなjQueryアコーディオンメニュープラグイン
美しいアコーディオンプラグインで、jQueryライブラリを参照した後、数行のコードを呼び出すだけで、CSS3スタイルを使用してシャドウ効果が実装されます。
jsサーキュラーファンメニュープラグインcircular-menu.js
Circular-menu.jsは、jsとCSS3を備えたクールな循環ナビゲーションメニュープラグインです。ナビゲーションメニューはjsによって駆動され、クールな円形ナビゲーションメニューの特殊効果はCSS3を介して作成されます。
バブルプロンプト付きのCSS3ナビゲーションメニューコード
この美しいナビゲーションメニューはcss3アニメーション効果を使用し、バブルはアニメーションに飛んでいきます。スタイルも非常に美しく、アイコン付きのシンプルなスタイルです。
BootstrapbeautifyドロップダウンリストメニューjQueryプラグイン
マウスが[ブートストラップ]ドロップダウンリストボックスの上にあるときに開くjQueryプラグインを実現するのは簡単で実用的です。ネイティブのBootstrapドロップダウンリストボックスは、マウスがクリックされたときにのみ開くことができます。プラグインは、マウスをロールオーバーしたときに開くことができるように改善しました。
css3 + jsマウスホバー扇形のオープンメニュー
css3 + jsマウスホバー扇形のオープンメニュー特殊効果コード