jQuery Plugin For CSS3 Powered Flip Animations - justFlipIt

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

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: []
});

7. Destroy the instance.

$(element).destroy();

Changelog:

v2.0 (2019-07-30)

  • new feature - destroy()
  • some bug fixes

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.