jQuery & CSS3 Based Html Element Hover Effects - Hovercraft

There're a lot of image hover plugins out there and in this article I'd like to introduce a growing collection of jQuery & CSS3 hover effects that allow you to quickly implement a variety of smooth hover effects on any Html elements such as text, images and DIVs.

Basic Usage:

1. Include the necessary jQuery library and jQuery UI in your document.

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

2. Create custom hover effects on an Html element using jQuery hover function.

$(document).ready(function(){ 
  $("SELECTOR").hover(function(){ 
    // DO SOMETHING
 });

3. More examples.

• Border fader
• Background color fade
• Menu fader
• Text color fade

---

This awesome jQuery plugin is developed by alec-hewitt. For more Advanced Usages, please check the demo page or visit the official website.