jQuery Plugin For CSS3 Powered Flip Animations - justFlipIt

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.

$(element).justFlipIt();

3. Change the event listener to 'click'.

$(element).justFlipIt({
  Click: true
});

4. Custom text/Html you want to flip.

$(element).justFlipIt({
  Template:'[html] or TEXT'
});

5. Flip the element along the x-axis.

$(element).justFlipIt({
  FlipX: true
});

6. Apply additional CSS styles.

$(element).justFlipIt({
  Style: []
});

Change log:

2018-01-11


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

  • Publication date: 11.01.2018
  • Source