Below steps will show you how to install and use JustFlipIt plugin on your website.
1. load Bootstrap and jQuery dependencies and Retina library
2. card layout used Semantic UI, so we have to add all necessary CSS
3. after adding all dependencies we can start creating our first basic card that will contain an image to be flipped
4. to initialize the JustFlipIt plugin use the following script
The plugin will attach CSS animation to given element and handle click event. To change backside of flipped card use 'Template' attribute during initialization.
In this article, we presented a jQuery plugin JustFlipIt designed to flip any HTML element on the website. You can use it to give your cards a second dimension and put more extra content on the backside.