ロケーション：ホーム > テンプレートリスト
クリエイティブなcss3ドットナビゲーションバースタイル
css3ナビゲーションバーのスタイルに基づいて、アニメーション属性は、単純なスライド式の下線テキストナビゲーションバー、カラードットテキスト下線効果コードを作成します。
レスポンシブナビゲーションバーコード
シンプルなレスポンシブナビゲーションバーコード、黒とシンプルなレスポンシブウェブサイトナビゲーションメニューのUIレイアウト。単純なエンタープライズサイトやブログサイトに適しています。純粋なHTML5、css3、JQueryの実装、簡潔なコード、プラグアンドプレイ。
jsフルスクリーンオーバーレイプラグインの右下隅にあるCanvasを非表示にします
Canvasは、シンプルでわかりやすいプラグインとして設計されており、メインコンテンツをフルスクリーンで分離する専用のオーバーレイに情報とコンテンツを表示できます。
青と黒のCSS3アコーディオンメニュープラグイン遷移アニメーションをブートストラップします。
ブートストラップの青と黒のCSS3アコーディオンメニュープラグイン遷移アニメーションは、CSS3を使用してブートストラップネイティブアコーディオンを美化するためのコードです。
3つのCSS3ページのフルスクリーン切り替え遷移アニメーション効果
全画面切り替え遷移アニメーション効果の3つの例、CSS3によって実装されたページには、更新効果のないコンテンツ変更効果があります。
CSS3グループ化された画像切り替え遷移アニメーション変換
css3フレキシブル3D画像フリップグループディスプレイトランジション特殊効果コードを使用します。画像コンテンツ分類フィルタリングは、ビジネスWebサイトや写真サイトなどの多くのWebサイトで見られます。では、画像の各グループを切り替えたときにWebページを更新できないのはどうしてですか？最良の方法は、CSS3コードのTransformsプロパティを使用して、ユーザーがカテゴリのセットを選択したときに画像を反転することです。
JSハンバーガーメニューはトランジションアニメーション効果を拡張します
CSS3 + JSを使用して、ハンバーガーメニューの拡張アニメーション効果を実現し、フルスクリーンの大層トランジションアニメーション効果をカバーします
css3トランジションアニメーションの特殊効果キーフレームプロパティのデモ
css3トランジションアニメーションの特殊効果キーフレームプロパティのデモ
css3によって描かれたスノーマンアニメーション効果
css3によって描かれたスノーマンアニメーション効果
svgハート型トグルスイッチボタン
svgハート型トグルスイッチボタン
js + css3ページ遷移アニメーション効果
js + css3ページ遷移アニメーション効果
jQueryポップアップフルスクリーンマスクレイヤーのクールなアニメーション効果
jQuery + CSS3コードを使用してボタンをクリックすると、フルスクリーンのマスクされたモーダルウィンドウプラグインがポップアップし、トランジションアニメーション効果がポップアップします。このポップアップレイヤープラグインは、ボタンがクリックされたときにポップアップイベントをトリガーします。ボタンは最初に縮小して円に変形し、次に小さな円から大きな円にズームインします。特殊効果はとてもクールです。最後に、モーダルウィンドウを生成するときのアニメーション効果は、jQuery、Velocity、およびCSS3の遷移と変換とともに実行されます。
レスポンシブjQueryナビゲーションマルチレベルドロップダウンメニュー
Betiは、レスポンシブレイアウトナビゲーションメニューです。水色のデザインは新鮮でエレガントです。狭い画面では自動的に縦型アコーディオンメニューになります。
レスポンシブjQueryナビゲーションドロップダウンプラグインブルー
美しいレイアウトのJQueryWebサイトナビゲーションメニュー、アニメーション効果のあるマルチレベルのドロップダウンメニュー、ドロップダウンで写真やログインフォームを配置できます。色の変更も簡単です。デフォルトは青いナビゲーションです。
レスポンシブjQueryナビゲーションプラグインの修正トップ
FlexiNavは、あらゆるデバイスに適した柔軟なナビゲーションメニュープラグインです。このメニューはブラウザの上部で修正でき、ボタンがトリガーされてメニューバーが表示または非表示になります。
jQueryナビゲーションその他のドロップダウンメニュープラグイン
Webサイトに多くのモジュールがある場合は、1行のナビゲーションメニューでは不十分な場合があります。その後、Greedyナビゲーションプラグインは需要を満たすことができます。メニューの一部を表示し、残りをドロップダウンに置き換え、残りのメニューを数値で自動的に計算できます。このナビゲーションプラグインはjQueryコードに基づいて実装されており、使いやすいです。例の呼び出しメソッドを参照できます。
jQueryナビゲーションフローティングが矢印ドロップダウン効果で表示されます
ドロップダウンナビゲーションメニューの効果が浮いているように見えます。メニュー項目を切り替えると、ドロップダウンメニューはメニューコンテンツのサイズに応じて動的に変形します。その効果はとても面白いです。
jQueryナビゲーションとカルーセル図
一般的に使用される商用Webサイトのナビゲーションバーとカルーセル図の2つのモジュール。各モジュールには、直接呼び出して変更するためのコメントがあります。
jQueryスクロールページ固定サイドバープラグイン
Stickyは、jQueryスクロールページの固定サイドバープラグインです。 jQueryスクロール固定サイドバープラグインは、ページが下にスクロールしたときにページの左または右サイドバーを修正できます。これは特に複数列のページに適しており、BootstrapまたはFoundationと組み合わせて使用できます。
さまざまなデバイス用のブートストラップナビゲーションメニュー表示プラグイン
Bootstrapフレームワークに基づくCSS3レスポンシブスライディングサイドバーレイアウトプラグイン。スライド式サイドバーのレイアウトは、大画面のサイドバーの形で存在します。小画面デバイスでは、メニューが画面の下部に移動し、メニューのみが表示されます。アイコン。
