Flip Out Cards: Flip-Card Style Gallery
Have you every wished your site included a flip-card style gallery? With the Flip Out Cards plugin, you can have just that.
The plugin features a sleek design, with simple and impressive animations that flip out left and right or top and bottom.
Here’s how it works:
- To create a flip out cards that show more info when hover, simply include the latest jQuery library together with
jquery.flipout_cards.jsandflipout_cards.cssinto your document’s<head>, and call the function. - Follow the HTML markup.
- The container with the class name
foc-mainwill be the main content area where the cards will flip out from. All other containers will be the cards. You can have as many cards as you like. Simply duplicate the container with the class namefoc-leftand the plugin will automatically stack it all up in order.
This type of tool works great for small chunks of simple information such as small stacking text or functionality such as the demo weather display.
Readmore
For collapsing & expanding long blocks of text with “Read more” and “Close” links.
Jbar
Lets you create a simple call to action and bring it forward for the user to see at the top of your website.
PushUp
A smart and quick content bar that you can integrate easily in any website or web application.
