
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