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

— Add-On auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


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

Ads

Ad: Bluehost hosting

Sammlung von Flips und Auswirkungen von Karten mit CSS3 3D und jQuery.
Einfach, mit Ihrem CSS & HTML-Markup zu implementieren
Funktioniert in allen modernen Browsern (Google Chrome, Safari und Firefox)


was du brauchst:

  • flipCard.css (alle den Stil und die Effekte benötigt Karten Flip)
  • flipCard.js (alle benötigten Ereignisse, die Auswirkungen auslösen)
  • jquery-1.8.3.min.js (mit jquery geschrieben)
  • Einfache HTML-Markup (alle Beispiele sind in der Datei index.html)

extra:
  • style.css (einige zufällige Stil für die Grund Markup, nicht erforderlich)

Sie können die Abmessungen der Karten ändern, nur durch die Breite und die Höhe mit diesem Frieden von CSS-Code festgelegt wird:
.card-Container {
Breite: 200px;
Höhe: 200px;
}

Änderungsprotokoll

 ----> Update: 3. Juli 2014 Feste einige Probleme mit Firefox v30 ----> Update: 26. Februar 2014 Jetzt können Sie das Verhältnis in dem Behälter div angeben wie folgt aus: Daten-Verhältnis = "1: 2" ----> Update: 19. November 2013 Jetzt ist der Rückfall kompatibel mit IE 11 ----> Update: 6. OKTOBER 2013 Feste einige Probleme, wenn Sie über eine Flipping Karte schweben, wenn die Seite geladen wird ----> Update: 6. August 2013 (ersetzen CSS-Datei) Fix einige Probleme mit der 3D-Effekt auf Firefox ----> Update: 26. Juli 2013 Fixed some Konsole Fehler auf IE ----> Update: 21. Mai 2013 Fixed some Knack Probleme in Firefox für die über Flipping Karten ----> BIG Update: 6. Mai 2013 Auto-Flip-Effekt ist jetzt verfügbar sind, können Sie die Zeit einstellen, bis eine Karte wird Flip automatisch, können Sie auch die Zeit einstellen, wenn die Karte starten tun, um die autoflips. (Sie können es in der Live-Vorschau zu sehen) HINWEIS: Wenn Sie ein Mouseover auf einem Auto-Flipping-Karte tun wird es nicht so lange Flip wie Sie die Maus über die Karte Hinzugefügt Farbthemen für die Flipping-Karten, und Sie können Ihre eigenen. ----> Update: 28. April 2013 Jetzt ist kompatibel mit jQuery 1.9.1 ----> Update: 10. April 2013 Hinzugefügt auch einen Rückfall eines Fade-Effekt für Browser, die nicht CSS3D wie alte Versionen von Chrome und Firefox unterstützen. ----> Update: 18. Februar 2013 Es wurde ein Rückfall für IE eines Fade-Effekt. 

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
2 13. Januar

Letztes Update:
4. Juli 14

kompatible Browser:
Firefox, Safari, Chrome

Dateien inklusive:
JavaScript JS, HTML, CSS

Softwareversion:
jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, auto-Flip, Karten 3D, Klicken schweben Veranstaltungen, CSS 3D, Flip-Karten 3D, Flipping Karten, mehrere Effekte, Rotation 3D, Timer