Create Google Like Slideshow Tip Card plugin with jQuery

This Slideshow Tip Card plugin provides a very good animated effect of card layout.This code is properly tested on the modern browsers such as Google Chrome,Firefox and Safari but on IE,It is not properly working.Thus I suggest you to use Chrome,Firefox and Safari web browser.

Tip Cards plugin let you create a layout of cards with a card-like interaction like you have seen on Google Tips Page. I've also added several new animation options so that you like it and use it anywhere in your projects,websites as well.


Demo Download Source Code

To add this to your website, all you have to do is include the latest jQuery library together with jquery.tip_cards.js and tip_cards.css into your document's <head>, and follow the HTML markup as shown below.

 <ul class="tips">
 <div class="tc_front">
 <a href="#tip1">...</a>
 <div class="tc_back">...</div>
 <div id="tip1" class="tip">
 <div class="tc_front">...</div>
 <div class="tc_back">...</div>


This is the default markup if you are looking to replicate the effect you see on Google Tips Page.

Himanshu is a young engineer living in India. Currently working at Cognizant as a Senior Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: : "Open Source. Millions of open minds can't be wrong!

One comment: On Create Google Like Slideshow Tip Card plugin with jQuery

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community

We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page