Flip Animations In jQuery Plugin – justFlipIt

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

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

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