Wednesday, June 5, 2013

Flipping Cards 3D with jQuery/CSS3

JavaScript - Flipping Cards 3D with jQuery/CSS3 - CodeCanyon

Flipping Cards 3D with jQuery/CSS3 his title this type of JavaScript/ImagesandMedia This time I will review,made by davidbo90, JavaScript/ImagesandMedia is sold at a price of $6 in CodeCanyon. Flipping Cards 3D with jQuery/CSS3 - CodeCanyon Item for Sale CSS 3d // auto flip // cards 3D // click hover events // flip cards 3D // flipping cards // multiple effects // rotation 3D // timer //
Created 2 January 13
Last Update 22 May 13
Compatible Browsers Firefox, Safari, Chrome
Software Version jQuery
Files Included JavaScript JS, HTML, CSS

Collection of Flips and effects of cards using CSS3 3D and jQuery. Easy to implement with your CSS & HTML markup Works in all modern browsers (Google Chrome, Safari & Firefox)

 ----> Update: May 21, 2013 Fixed some sticking issues in firefox for the over flipping cards ----> BIG Update: May 6, 2013 Auto Flip Effect is now available, you can set the time until a card will flip automatically, also you can set the time when the card will start doing the autoflips. (you can see it in the live preview) NOTE: when you do a mouseover on a auto flipping card it will not flip as long as you have the mouse over the card Added color themes for the flipping cards, and you can make your own. ----> Update: April 28, 2013 Now is compatible with jQuery 1.9.1 ----> Update: April 10, 2013 Added also a fallback of a fade effect for browsers that not support CSS3D like old versions of Chrome and Firefox. ----> Update: Feb 18, 2013 Added a fallback for IE of a fade effect. 

what you need:
  • flipCard.css (all the style and effects needed to flip cards)
  • flipCard.js (all the events needed to trigger the effects)
  • jquery-1.8.3.min.js (written with jquery)
  • Simple html markup (all examples are in the index.html file)
extra:
  • style.css (some random style for the basic markup, not needed)
You can change the dimensions of the cards just by specifying the width and the height with this peace of css code: .card-container { width: 200px; height: 200px; }


Related produck This user:davidbo90

Ultimate Smart Slider - Wordpress - CodeCanyon Item for Sale Ultimate Smart Slider - Responsive - CodeCanyon Item for Sale Flipping Cards 3D - Wordpress - CodeCanyon Item for Sale Auto Grid Responsive Gallery - Wordpress - CodeCanyon Item for Sale Auto Grid Responsive Gallery - CodeCanyon Item for Sale Box Accordion Menu - Responsive - CodeCanyon Item for Sale The Fusion of Tabs and Slider with jQuery - CodeCanyon Item for Sale

More items by davidbo90

No comments:

Post a Comment