3D Cover Flip Animations with jQuery and CSS3 Transforms - Cover3D

File Size: 675 KB
Views Total: 5621
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
3D Cover Flip Animations with jQuery and CSS3 Transforms - Cover3D

Cover3D is a super tiny (~2kb unminified) jQuery plugin used to create 3D cover flip animations using CSS3 rotate and translate transforms.

How to use it:

1. Add jQuery library and other required resources to your html page.

<link rel="stylesheet" href="path/to/Cover3D.css">
<script src="path/to/Cover3D.js"></script>
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

2. Add the cover image to an html element.

<div id="cover">
  <img src="cover.jpg">
</div>

3. Active the plugin.

$('#cover').CoverTresD();

4. Customize the background color of your cover element.

$('#cover').CoverTresD({color:'#f00'});

This awesome jQuery plugin is developed by oscaruhp. For more Advanced Usages, please check the demo page or visit the official website.