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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Het verzamelen van Flips en de effecten van het gebruik van kaarten CSS3 3D en jQuery.
Eenvoudig te implementeren met uw CSS en HTML-opmaak
Werkt in alle moderne browsers (Google Chrome, Safari en Firefox)


wat je nodig hebt:

  • flipCard.css (de stijl en effecten die nodig zijn om kaarten te spiegelen)
  • flipCard.js (alle gebeurtenissen die nodig zijn om de effecten te activeren)
  • jQuery-1.8.3.min.js (geschreven met jQuery)
  • Eenvoudige html-opmaak (alle voorbeelden zijn in het bestand index.html)

extra:
  • style.css (enkele willekeurige stijl voor de basis-markup, niet noodzakelijk)

U kunt de afmetingen van de kaarten te veranderen alleen door het opgeven van de breedte en hoogte met deze vrede van de CSS-code:
.card-container {
width: 200px;
height: 200px;
}

Change Log

 ----> Update: 3 juli 2014 Vast een aantal problemen met Firefox v30 ----> Update: 26 februari 2014 Nu kunt u de verhouding in de container div als volgt te specificeren: data-ratio = "1: 2" ----> Update: 19 november 2013 Nu is de fallback is compatibel met IE 11 ----> Update: 6 oktober 2013 Vast een aantal problemen wanneer u de muisaanwijzer over een flipping kaart wanneer de pagina wordt geladen ----> Update: 6 augustus 2013 (vervang CSS-bestand) Fix een aantal problemen met het 3D-effect op Firefox ----> Update: 26 juli 2013 Vast een aantal console fouten op IE ----> Update: 21 mei 2013 Vast een aantal plakken problemen in Firefox voor de meer dan flipping kaarten ----> BIG Update: 6 mei 2013 Auto Flip Effect is nu beschikbaar is, kunt u de tijd instellen tot een kaart zal flip automatisch, ook kunt u de tijd instellen wanneer de kaart zal beginnen het doen van de autoflips. (Je kunt het zien in de live preview) LET OP: wanneer u een mouseover doen op een auto flipping kaart het zal niet zo lang flip als je met de muis over de kaart Toegevoegde kleur thema's voor de flipping kaarten, en u kunt uw eigen te maken. ----> Update: 28 april 2013 Nu is compatibel met jQuery 1.9.1 ----> Update: 10 april 2013 Ook nog een terugval van een fade-effect voor browsers die geen ondersteuning CSS3D als oude versies van Chrome en Firefox. ----> Update: 18 februari 2013 Voegde een fallback voor IE van een fade-effect. 

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
2 januari 13

Laatste update:
4 juli 14

compatibele Browsers:
Firefox, Safari, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, auto flip, kaarten 3D, Klik hover events, CSS 3d, flip kaarten 3D, flipping kaarten, meerdere effecten, rotatie 3D, timer