jQuery Plugin For CSS3 Powered Flip Animations - justFlipIt

File Size: 13.5 KB
Views Total: 8013
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For CSS3 Powered Flip Animations - justFlipIt

justFlipIt is a lightweight jQuery plugin that allows you to implement CSS3 based flip animations on any DOM elements. Supports both click and hover events.

Basic usage:

1. Add jQuery library and the jQuery justFlipIt plugin into your html page.

<script src="jquery.min.js"></script>
<script src="js/justFlipIt.min.js"></script>

2. Implement a basic flip animation on your DOM element.


3. Change the event listener to 'click'.

  Click: true

4. Custom text/Html you want to flip.

  Template:'[html] or TEXT'

5. Flip the element along the x-axis.

  FlipX: true

6. Apply additional CSS styles.

  Style: []

7. Destroy the instance.



v2.0 (2019-07-30)

  • new feature - destroy()
  • some bug fixes


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