WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Flipping Cards 3D with jQuery/CSS3

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Flipping Cards 3D with jQuery/CSS3 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

フリップとCSS3 3DとjQueryを使用して、カードの効果のコレクション。
あなたのCSS&HTMLマークアップで実装が容易
すべての最新ブラウザでの作品(Google Chromeの、サファリ&Firefoxの)


あなたが必要なもの:

  • flipCard.css(カードを反転するために必要なすべてのスタイルやエフェクト)
  • flipCard.js(エフェクトをトリガーするために必要なすべてのイベント)
  • jqueryの-1.8.3.min.js(jQueryを使って書かれました)
  • 単純なHTMLマークアップ(すべての例ではindex.htmlファイルにあります)

余分な:
  • style.cssに(基本的なマークアップのためのいくつかのランダムなスタイル、必要ありません)

あなただけのCSSコードのこの平和で幅と高さを指定することで、カードの寸法を変更することができます。
.cardコンテナ{
幅:200pxの;
高さ:200pxの;
}

変更ログ

 ---->更新:2014年7月3日 FirefoxのV30といくつかの問題を修正しました ---->更新日:2014年2月26日 「1:2」=データ比:今、あなたは、このようなコンテナのdiv内の比率を指定することができます ---->更新:2013年11月19日 今、フォールバックは、IE 11と互換性があります ---->更新:2013年10月6日 ページがロードされたときに、反転カードの上に置くと、いくつかの問題を修正しました ---->更新日:2013年8月6日(CSSファイルを置き換えます) Firefoxの上の3D効果でいくつかの問題を修正しました。 ---->更新日:2013年7月26日 IE上に固定された一部のコンソールのエラー ---->更新:2013年5月21日 オーバーフリッピングカードのためのFirefoxでいくつかの粘着の問題を修正しました ----> BIG更新日:2013年5月6日 カードが反転するまでのオートフリップ効果が利用可能になりました、あなたは時間を設定することができます 自動的に、また、あなたはカードが開始する時間を設定することができます autoflipsをやって。 (あなたはライブプレビューでそれを見ることができます) 注:自動反転カード上のマウスオーバーを行うときに限り反転しません あなたはカード上にマウスを持っているように フリップカードのカラーテーマを追加しました、そしてあなた自身を作ることができます。 ---->更新日:2013年4月28日 今jQueryの1.9.1と互換性があります ---->更新:2013年4月10日 また、ChromeとFirefoxの古いバージョンのようなCSS3Dをサポートしていませブラウザのフェード効果のフォールバックを追加しました。 ---->更新日:2013年2月18日 フェード効果のIE用のフォールバックを追加しました。 

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
2 1月13日

最後の更新:
4 7月14日

互換性のあるブラウザ:
Firefoxの、サファリ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全商品, オートフリップ, カードの3D, ホバーイベントをクリックします。, CSSの3D, フリップカードの3D, フリップカード, 複数のエフェクト, 回転3D, タイマー