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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


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

Ads

Ad: Bluehost hosting

Col·lecció d'estrebades i els efectes de les targetes utilitzant CSS3 i jQuery 3D.
Fàcil d'implementar amb el CSS i el format HTML
Treballa en tots els navegadors moderns (Google Chrome, Safari i Firefox)


què necessites:

  • flipCard.css (tot l'estil i efectes necessaris per a voltejar les targetes)
  • flipCard.js (tots els esdeveniments necessaris per activar els efectes)
  • jquery-1.8.3.min.js (escrit amb jQuery)
  • marcat HTML senzill (tots els exemples són a l'arxiu index.html)

extra:
  • style.css (una mica d'estil a l'atzar per al marcat bàsic, no cal)

Podeu canviar les dimensions de les targetes simplement especificant l'amplada i l'alçada amb aquesta pau de codi CSS:
.card-contenidor {
Amplada: 200px;
alçada: 200px;
}

canvi de registre

 ----> Actualitzar el 3 juliol 2014 S'han solucionat alguns problemes amb Firefox v30 ----> Actualització: 26 febrer 2014 Ara pot especificar la relació al div contenidor de la següent manera: ràtio de dades = "1: 2" ----> Actualització: 19-nov 2013 Ara el replegament és compatible amb Internet Explorer 11 ----> Actualització: 6 octubre 2013 S'han solucionat alguns problemes quan es passa sobre una targeta de moure d'una tirada quan es carrega la pàgina ----> Actualització: 6 agost 2013 (reemplaçar l'arxiu CSS) Solucionar alguns problemes amb l'efecte 3D a Firefox ----> Actualització: 26 juliol 2013 S'han solucionat alguns errors de la consola en l'IE ----> Actualització: 21 maig 2013 S'han solucionat alguns problemes de fricció a firefox per a les targetes de més de flipping ----> Actualitzar GRAN: May 6, 2013 Efecte de Volteig automàtic ja està disponible, es pot establir el temps fins que una targeta li donarà la volta de forma automàtica, també pot establir el moment en què la targeta s'iniciarà fent les autoflips. (Es pot veure a la vista prèvia en viu) NOTA: quan es fa una per sobre del ratolí en una targeta de volteig automàtic no li donarà la volta, sempre quan vostè té el ratolí cap a la targeta Afegit temes de color per a les targetes de moure d'una tirada, i vostè pot fer el seu propi. ----> Actualització: 28 abr 2013 Ara és compatible amb jQuery 1.9.1 ----> Actualització: 10 abr 2013 Afegit també un retrocés d'un efecte de fos per als navegadors que no suporten CSS3D igual que les versions anteriors de Chrome i Firefox. ----> Actualització: 18 feb d', 2013 S'ha afegit un retrocés per al IE d'un efecte d'esvaïment. 

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
2 de gener de 13 de

Darrera actualització:
4 juliol 14

Els navegadors compatibles:
Firefox, Safari, Chrome

arxius inclosos:
JS JavaScript, HTML, CSS

Versió de programari:
jQuery

Paraules clau

eCommerce, eCommerce, tots els Articles, autobasculant, targetes 3D, feu clic en esdeveniments activables, CSS 3d, cartes invertides 3D, targetes de moure d'una tirada, mú, ltiples efectes, 3D rotació, temporitzador