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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


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

Ads

Ad: Bluehost hosting

Kokoelma voltteja ja vaikutuksista kortteja CSS3 3D ja jQuery.
Helppo toteuttaa kanssa CSS-HTML markup
Toimii kaikissa nykyaikaisissa selaimissa (Google Chrome, Safari & Firefox)


mitä tarvitset:

  • flipCard.css (kaikki tyyli ja vaikutukset, joita tarvitaan kääntää kortit)
  • flipCard.js (kaikki tapahtumat, joita tarvitaan laukaisemaan vaikutukset)
  • jQuery-1.8.3.min.js (kirjoitetaan jquery)
  • Yksinkertainen HTML markup (kaikki esimerkit ovat index.html)

extra:
  • style.css (joitakin satunnaisia ​​tyyli perus markup, ei tarvita)

Voit muuttaa mitat korttien vain määrittämällä leveys ja korkeus tällä rauhallisin CSS:
.card-kontti {
leveys: 200px;
korkeus: 200px;
}

Kanavan tiedot

 ----> Päivitys: 03 heinäkuu 2014 Kiinteät joitakin ongelmia Firefox v30 ----> Päivitys: 26 helmikuu 2014 Nyt voit määrittää suhde säiliössä div näin: data-suhde = "1: 2" ----> Päivitys: 19 marraskuu 2013 Nyt fallback on yhteensopiva IE 11 ----> Päivitys: 06 lokakuu 2013 Kiinteät joitakin ongelmia, kun viet yli flipping kortti kun sivu latautuu ----> Päivitys: 06 elokuu 2013 (korvaa CSS-tiedosto) Korjaa joitakin ongelmia 3D vaikutus Firefox ----> Päivitys: 26 heinäkuu 2013 Kiinteät joitakin konsoli virheitä IE ----> Päivitys: 21 toukokuu 2013 Kiinteät joitakin tarttumista kysymyksiä firefox varten yli flipping kortteja ----> BIG päivitys: 06 Toukokuu 2013 Auto Flip Effect on nyt käytettävissä, voit asettaa ajan, kunnes kortti flip automaattisesti, myös voit määrittää ajan, jolloin kortti käynnistyy tekee autoflips. (Näet sen elävän esikatselu) HUOMAUTUS: kun teet mouseover on auto käännetään korttia se ei flip niin kauan kun olet hiiri kortin Lisätty väri teemoja flipping kortteja, ja voit tehdä oman. ----> Päivitys: 28 huhtikuu 2013 Nyt on yhteensopiva jQuery 1.9.1 ----> Päivitys: 10 huhtikuu 2013 Lisätty myös varmistuksena on fade vaikutus selaimia, jotka eivät tue CSS3D kuten vanhoja versioita Chrome ja Firefox. ----> Päivitys: 18 helmikuu 2013 Lisätty fallback IE on häivyttää vaikutus. 

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
02 tammikuu 13

Viimeisin päivitys:
04 heinäkuu 14

yhteensopiva selaimet:
Firefox, Safari, Chrome

tiedostot Mukana:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tavarat, auto flip, kortteja 3D, klikkaa leijua tapahtumia, CSS 3d, flip kortteja 3D, flipping kortteja, useita tehosteita, kierto 3D, ajastin