Flipping Card 3D with jQuery, Javascript/CSS3 (Images and Media)

By Acty, October 8, 2013

FlipCard.js implements card filpping animation with jquery, javascript, css3 and html5. It’s fully customizable with either html5 “data-*” attributes or options in javascript. It also supports all modern browsers which including chrome 16+, firefox 12+, safari 5+, opera 12+, and IE10+.

what you need:

  • flipCard.css (style needed to flip cards)
  • flipCard.js (javascript events and apis to trigger the effects)
  • jquery-1.7.0.min.js or above
  • Simple html markup (all examples and documents are in the app.html file or go online FlipCard.js examples and documents)