Flip Animations In jQuery Plugin – justFlipIt

Animation
jQuery Plugin For CSS3 Powered Flip Animations - justFlipIt
File Size: 176.67 KB
Views Total: 1566 views
Last Update:April 27, 2023
Publish Date: June 03, 2015
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

justFlipIt.js is Lightweight & fast jQuery plugin with designed to flip any html5 element. jQuery Plugin For CSS3 Powered Flip Animations. the plugin allow you to create backside of the card dynamically. All elements of the plugin can be customized with CSS.

How to use :

Add jQuery library after jQuery justFlipIt.js plugin into your html page :

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

Implement a basic flip animation on your DOM element :

$(element).justFlipIt();

Change the event listener to ‘click’ :

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

 Custom text/Html you want to flip :

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

 Flip the element along the x-axis :

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

Add CSS Style :

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

Done

Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • v2.0.0
  • 1.1.2
  • 1.1.1

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.

Related jQuery Plugins

You Might Also Like