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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


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

Ads

Ad: Bluehost hosting

Collection de Flips et les effets des cartes en utilisant CSS3 3D et jQuery.
Facile à mettre en œuvre avec votre CSS et le balisage HTML
Travaux dans tous les navigateurs modernes (Google Chrome, Safari et Firefox)


De quoi as-tu besoin:

  • flipCard.css (tout le style et les effets nécessaires pour retourner les cartes)
  • flipCard.js (tous les événements nécessaires pour déclencher les effets)
  • jquery-1.8.3.min.js (écrit avec jquery)
  • balisage HTML simple (tous les exemples sont dans le fichier index.html)

supplémentaire:
  • style.css (un peu de style aléatoire pour le balisage de base, ne sont pas nécessaires)

Vous pouvez modifier les dimensions des cartes tout en spécifiant la largeur et la hauteur avec cette paix du code css:
.card-conteneur {
largeur: 200px;
hauteur: 200px;
}

journal des modifications

 ----> Mise à jour: 3 juillet 2014 Correction de quelques problèmes avec Firefox v30 ----> Mise à jour: 26 février 2014 Maintenant, vous pouvez spécifier le rapport dans le conteneur div comme ceci: data-rapport = "1: 2" ----> Mise à jour: 19 novembre 2013 Maintenant, le repli est compatible avec IE 11 ----> Mise à jour 6 Octobre, 2013 Correction de quelques problèmes lorsque vous survolez une carte de retournement lorsque la page en cours de chargement ----> Mise à jour: 6 Août 2013 (remplacer le fichier CSS) Correction de quelques problèmes avec l'effet 3D sur Firefox ----> Mise à jour le 26 Juillet, 2013 Correction de quelques erreurs de la console sur IE ----> Mise à jour: 21 mai 2013 Correction de quelques problèmes de collage dans firefox pour les cartes sur flipping ----> BIG Mise à jour: 6 mai 2013 Auto Effet Flip est maintenant disponible, vous pouvez régler le temps jusqu'à ce qu'une carte renversera automatiquement, vous pouvez également définir le moment où la carte va commencer faire les autoflips. (Vous pouvez le voir dans l'aperçu en direct) REMARQUE: lorsque vous faites un mouseover sur une carte de retournement automatique, il ne sera pas retourner aussi longtemps que vous avez la souris sur la carte Ajout des thèmes de couleurs pour les cartes de retournement, et vous pouvez faire votre propre. ----> Mise à jour: Avril 28, 2013 Maintenant, est compatible avec jQuery 1.9.1 ----> Mise à jour: Avril 10, 2013 Ajouté aussi un repli d'un effet de fondu pour les navigateurs qui ne prennent en charge CSS3D comme les anciennes versions de Chrome et Firefox. ----> Mise à jour: 18 février 2013 Ajout d'un repli pour IE d'un effet de fondu. 

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
2 Janvier 13

Dernière mise à jour:
4 Juillet 14

Navigateurs compatibles:
Firefox, Safari, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, flip automatique, cartes 3D, cliquez sur les é, vé, nements hover, CSS 3d, cartes Flip 3D, cartes de retournement, effets multiples, rotation 3D, minuteur