ロケーション：ホーム > テンプレートリスト
css3カードスタイルの天気予報アプリのインターフェース
美しいcss3カードスタイルの天気予報アプリ、天気を示すUIインターフェイスデザインコード。その日の天気の詳細と今後数日間の天気予報を、降水量、湿度、風速、地域の場所の影響とともに表示します。
CSS3チームメンバー情報カードスタイル
CSS3チームのメンバーがカードの特殊効果を導入しました。このカードスタイルの特殊効果は、特定のチームのメンバーを紹介するために使用されます。カードにはキャラクターのアバターと簡単な説明情報が含まれています。カードの上にマウスを置くと、メンバーのソーシャルコンタクトアイコンが表示されます。
css3ダッジ背景カードスタイルフリップ特殊効果
css3を使用して美しいカードスタイルのフリップ効果を実現し、css3を使用してカードスタイルの色の背景を明るくし、アニメーション属性を使用してクラウドサーバーの製品タイプを選択し、カードのUIレイアウト、カードのフリップ効果を実現します。これは、一般的な製品カードのレイアウト効果です。
Three.js製品カードスタイルの傾斜効果
Three.js製品カードスタイルの傾斜効果
Typekitステレオフォントスタイルコード
Typekitステレオフォントスタイルコード、cssによって実現される芸術的なフォントスタイルの特殊効果。
純粋なCSS3ユーザー情報カードスタイル
純粋なCSS3ユーザーカードのデザイン効果。カードデザイン効果をSVGと組み合わせて、カードをマウスに合わせたときにクールなアニメーション効果を生成します。
jQuery + SVG天気予報プラグイン
インターフェースは非常に美しいHTML5 + SVG天気予報効果、カードスタイル、jQueryとCSS3テクノロジーを使用して実現します。このjQuery天気予報プラグインは、天気ウェブサイト関連のインターフェースデータ読み取りを通じて都市を動的に切り替え、さまざまな都市を表示することを特徴としています。プラグインは、天気予報インターフェースに表示する必要のある関連要素を設定することもできます。
css3カードスタイルフリップ特殊効果コード
css3を使用して、カードスタイルのマウスホバーフリップ特殊効果アニメーションコードを実装します
jQueryグラフィックテキストスイッチングカードスタイルプラグイン
非常にクリエイティブなjQueryカードスタイルのグラフィックスとテキスト切り替えプラグイン。これは、切り替えるコンテンツが遅延する可能性があるという点で、以前に共有したカルーセル切り替えプラグインとは異なります。たとえば、コンテンツ内のゲームキャラクターの画像を全体として表示できます。画面を切り替えた後、画面にフェードインします。つまり、段階的な読み込みをサポートします。
jQueryは左側のメニューを再帰的に縮小します
jQueryは左側のメニューを再帰的に縮小し、jsonデータ形式を使用して左側のメニューをクリックするとjQueryは自動的に縮小します
jQueryはajaxツリーメニュープラグインをサポートしています
よく知られているバックグラウンド管理フレームワークAceから抽出されたjQueryマルチレベルツリーメニュープラグインには、次の特徴があります。1、無制限のレベルのツリーメニューを定義できます。 2、ツリーノードのAjax非同期ロードをサポートします。 3、カスタムツリー選択したノードのアイコン。もう1つは、このjQueryツリーメニューのテーマをカスタマイズでき、非常に美しく見えることです。
jsページウィンドウセグメンテーションプラグインゴールデンレイアウト
golden-layoutは、強力なレスポンシブページウィンドウ分割プラグインです。彼はウィンドウを最大化し、ウィンドウを最小化し、ウィンドウを閉じることができます。分割線を設定し、分割線をドラッグしてウィンドウのサイズを変更することもできます。これはレスポンシブです。
jQueryツリーメニュープラグイン
シンプルなマルチレベルのjQueryツリーメニュープラグイン。デモのデフォルトは3レベルのメニューで、データにはjsonデータが読み込まれず、htmlコードで実装され、jqueryコードが展開および縮小されます。
jQueryテキストボックスのマルチレベルドロップダウンツリーメニュー
一般的に使用されるツリーメニュー選択効果。jQueryとツリーメニュー選択を使用して、テキストボックスに値を割り当てます。これにより、ユーザーエクスペリエンスを提供できます。
HTML5ツリーアニメーションは再帰的な成長を残します
再帰的な葉の成長のHTML5アニメーション、キャンバスに基づく葉の生成のアニメーションデモンストレーション。
右上のボタン円形拡散ナビゲーションメニューの特殊効果
css3 + jsによって実装された循環拡散アニメーションメニュー。デフォルトのボタンは、Webページの右上隅にあります。ボタンをクリックして、多層拡散アニメーションメニュー効果を表示します。
Flat Bootstrap3は、ドロップダウンサブメニューでナビゲーションバーを美しくします
サブメニューを備えたBootstrap3フレームワークに基づくナビゲーションバー、フラットなデザインカラーをカスタマイズでき、FontAwesomeフォントアイコンによりナビゲーションバーがより美しくなります。
jQueryクール落下アニメーションフルスクリーンメニュー
jquery + css3 + svgを使用して、クールなメニュースタイル、アニメーション効果のあるフルスクリーンオーバーレイナビゲーションメニューを実現します。右上隅のハンバーガーメニューをクリックすると、滝のWebページ効果のような落下アニメーションが表示されます。
jQueryフルスクリーンナビゲーションメニューオーバーレイCSS3トランジション
クールなCSS3トランジションアニメーション効果を備えたフルスクリーンナビゲーションメニューコード。ポップアップは、jQueryイベントを使用して実装されます。ナビゲーションメニューは、CSS3と少量のjQueryを使用して作成されています。ユーザーが左上隅のハンバーガーボタンをクリックすると、全画面メニューが画面の上部からスライドして表示されます。
左上隅のSVGフルスクリーンメニューアニメーション効果の拡張
SVGは、左上隅のアイコンをクリックして、クールなアニメーション効果を備えたフルスクリーンメニューを展開することで実現しました
