jQuery Image Hover Effect Plugin & Tutorials with Example

Image Overlay Hover Effects With CSS3 Transitions

Image Overlay Hover Effects With CSS3 Transitions

In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more.

Caption Pro : Image Caption WordPress Plugin

Caption Pro : Image Caption Wordpress Plugin

Caption Pro is a next generation Image caption wordpress plugin. Captions pro plugin will allow you to add fantastic captions to your WordPress Images. It allow you to choose predefined 14 caption styles, it has flexible typography options, you can use Google Fonts, as well as change their sizes, colors, spacing and their font-family.

Features:

  • Smooth CSS3 effect
  • No coding required! At ALL!
  • Over 600 Google Fonts available!
  • Works in all Modern browsers
  • Adds style to your image captions!
  • Font customization option
  • Custom CSS Options

Xoverlay : CSS3 Image Hover Effects

Xoverlay : CSS3 Image Hover Effects

Xoverlay is a bundle of CSS attributes which will help you to add hover effects on your site. Here you will get 50+ effects and a huge plus point is you can combine it’s effects, therefore you can create more than 150+ effects.

Smart Grid Gallery jQuery WordPress Plugin

Smart Grid Gallery jQuery Wordpress Plugin

Turn native WordPress Gallery  into Dynamic Grig Gallery with different lightboxes, hover effects and many other options. “Smart Grid Gallery” is responsive and touch friendly.

Features:

  • Use Native WordPress Gallery Shortcode
  • Built-in Shortcode Generator
  • Fully Responsive Layout
  • CSS3 Transition Effects
  • Two Different Lightboxes
  • 600+ Google Fonts
  • Support Touch Devices Like iPhone/iPad or Android
  • Highly Customizable

whichTriangle.js : jQuery plugin that Divide an element into four Triangles

whichTriangle.js : jQuery plugin that Divide an element into four Triangles

A small jQuery plugin that helps you divide an element into four triangles and test co-ordinates on them.It helps you add direction sensitivity to all the elements it is called on.

jQuery Multi Level Flip Out Cards

jQuery Multi Level Flip Out Cards

Create a dynamic multi level flip out cards with jQuery.Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested. I have not tested this on IE.

jQuery Shuffle Images Plugin

jQuery Shuffle Images Plugin

Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.

jQuery Hover Grid Plugin

jQuery Hover Grid Plugin

A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption.

showOnHover.js : jQuery Hover effect Plugin

showOnHover.js : jQuery Hover effect Plugin

showOnHover.js is a jQuery plugin for create a hover effect.

jQuery Hover Direction Plugin

jQuery Hover Direction Plugin

A jQuery plugin to add CSS classes based on direction of mouse entrance or exit of an element.



Best jQuery websites design awards