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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

Colectarea de Întoarceri și efectele de carduri folosind CSS3 3D și jQuery.
Ușor de implementat cu CSS-ul & HTML marcare
Lucrări în toate browserele moderne (Google Chrome, Safari și Firefox)


de ce ai nevoie:

  • flipCard.css (toate stilul și efectele necesare pentru a flip carduri)
  • flipCard.js (toate evenimentele necesare pentru a declanșa efectele)
  • jquery-1.8.3.min.js (scris cu jquery)
  • marcare html simplu (toate exemplele sunt în fișierul index.html)

suplimentar:
  • style.css (unele stil aleatoriu pentru un marcaj de bază, nu este necesar)

Aveți posibilitatea să modificați dimensiunile cardurilor doar prin specificarea lățimea și înălțimea cu această pace de cod css:
.card container-{
lățime: 200px;
înălțime: 200px;
}

Change Log

 ----> Actualizare: 03 iulie 2014 Fix unele probleme cu Firefox V30 ----> Actualizare: 26 februarie 2014 Acum puteți specifica raportul în elementul div container de genul: date-ratio = "1: 2" ----> Actualizare: 19 noiembrie 2013 Acum, este compatibil cu Scuza IE 11 ----> Actualizare: 06 octombrie 2013 Fix unele probleme atunci când treceți peste un card flipping atunci când pagina se încarcă ----> Actualizare: 06 august 2013 (înlocuiește fișierul CSS) Rezolva unele probleme cu efectul 3D pe Firefox ----> Actualizare: 26 iulie 2013 Fixe unele erori consola IE ----> Actualizare: douăzeci și unu mai 2013 Fix unele probleme de lipire în firefox pentru cardurile de peste flipping ----> Actualizare BIG: 6 mai 2013 Auto Flip Efectul este acum disponibil, puteți seta ora până când un card va răsturna în mod automat, de asemenea, puteți seta ora când cartela va începe a face autoflips. (Îl puteți vedea în previzualizare live) NOTĂ: atunci când faci un mouseover pe un card de auto flipping aceasta nu se va răsturna atât timp așa cum aveți mouse-ul peste cartela Adaugata teme de culori pentru cardurile flipping, și puteți face propria. ----> Actualizare: 28 aprilie 2013 Acum este compatibil cu jQuery 1.9.1 ----> Actualizare: 10 aprilie 2013 De asemenea, a adăugat soluție de rezervă a unui efect de decolorare pentru browsere care nu susțin CSS3D cum ar fi versiunile vechi ale Chrome și Firefox. ----> Actualizare: 18 februarie 2013 Sa adăugat o soluție de rezervă în IE a unui efect de decolorare. 

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
02 ianuarie 13

Ultima actualizare:
04 iulie 14

Browsere compatibile:
Firefox, Safari, Chrome

fişierele incluse:
JavaScript JS, HTML, CSS

Versiune de software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, flip-auto, Carduri 3D, faceți clic pe evenimente hover, CSS 3d, carduri de flip-3D, carduri de flipping, efecte multiple, rotație 3D, Timer