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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


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

Ads

Ad: Bluehost hosting

Koleksyon ng Flips at mga epekto ng mga baraha gamit ang CSS3 3D at jQuery.
Madaling ipatupad sa iyong CSS at HTML markup
Works sa lahat ng mga modernong browser (Google Chrome, Safari at Firefox)


ang iyong kailangan:

  • flipCard.css (ang lahat ng estilo at mga epekto na kailangan upang i-flip cards)
  • flipCard.js (lahat ng mga kaganapan na kailangan upang ma-trigger ang effect)
  • jquery-1.8.3.min.js (nakasulat sa jquery)
  • Simple html markup (lahat ng mga halimbawa ay sa index.html file)

dagdag:
  • style.css (ang ilang mga random na estilo para sa mga pangunahing markup, hindi kinakailangan)

Maaari mong baguhin ang sukat ng mga cards lamang sa pamamagitan ng pagtukoy sa lapad at ang taas na may ganitong kapayapaan ng css code:
.card-lalagyan {
width: 200px;
height: 200px;
}

Baguhin ang Log

 ----> I-update: Jul 3, 2014 Fixed ilang mga isyu sa Firefox v30 ----> I-update: Feb 26, 2014 Ngayon ay maaari mong tukuyin ang ratio sa lalagyan div tulad nito: data-ratio = "1: 2" ----> I-update: Nov 19, 2013 Ngayon ang fallback ay katugma sa IE 11 ----> I-update: Oktubre 6, 2013 Fixed ilang mga isyu kapag hover ka sa isang flipping card kapag ang pahina ay naglo-load ----> I-update: Agosto 6, 2013 (palitan CSS file) Ayusin ang ilang mga isyu sa ang 3D na effect sa Firefox ----> I-update: Hulyo 26, 2013 Nakapirming ilang mga console error sa IE ----> I-update: Mayo 21, 2013 Fixed ilang mga isyu malagkit sa firefox para sa higit sa flipping card ----> BIG Update: Mayo 6, 2013 Auto Flip Effect ay magagamit na ngayon, maaari mong itakda ang oras hanggang sa isang card ay i-flip awtomatikong, din maaari mong itakda ang oras kapag ang card ay magsisimula paggawa ng autoflips. (Maaari mong makita ito sa live na preview) TANDAAN: kapag ginawa mo ng isang mouseover sa isang auto flipping card hindi ito ay i-flip hangga't bilang ikaw ay may ang mouse sa ibabaw ng card Idinagdag mga tema ng kulay para sa flipping card, at maaari kang gumawa ng iyong sariling. ----> I-update: Abril 28, 2013 Ngayon ay katugma sa jQuery 1.9.1 ----> I-update: Abril 10, 2013 Idinagdag din ng isang fallback ng isang fade effect para sa mga browser na hindi sumusuporta sa CSS3D tulad ng mga lumang bersyon ng Chrome at Firefox. ----> I-update: Pebrero 18, 2013 Nagdagdag ng suporta para sa IE ng isang fade effect. 

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
2 January 13

huling update:
4 Hulyo 14

Mga katugmang Mga Browser:
Firefox, Safari, Chrome

file Kasamang:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, auto flip, cards 3D, i-click ang mga kaganapan hover, CSS 3d, flip cards 3D, flipping card, maramihang mga epekto, pag-ikot 3D, timer