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
flipout_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 name
foc-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.
For collapsing & expanding long blocks of text with “Read more” and “Close” links.
Lets you create a simple call to action and bring it forward for the user to see at the top of your website.
jQuery plugin that unleashes a Raptor
Slides a webpage over to reveal an additional interaction pane.
A smart and quick content bar that you can integrate easily in any website or web application.
Animated Form Switching with jQuery
Hide and Seek
A toggle effect
Slicker Show and Hide
Make something appear and disappear on a web page with style.