Best jQuery Image Hover Effect Plugins & Tutorials with Demo

Drift : Javascript Zoom On Hover Plugin

Drift : Javascript Zoom On Hover Plugin

Easily add “zoom on hover” functionality to your site’s images. Lightweight, no-dependency JavaScript.

Interactive Room Display with JavaScript & CSS

Interactive Room Display with JavaScript & CSS

Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.

Parallax.js : jQuery Parallax Engine

Parallax.js : jQuery Parallax Engine

Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

jQuery Brazzers Carousel

jQuery Brazzers Carousel

jQuery Brazzers Carousel is a lightweight, responsive thumbnails hover carousel plugin for Blogs & Online Stores.

cardflip : Card flip Animation with jQuery & CSS3

cardflip : Card flip Animation with jQuery & CSS3

Simple card flip animation using jQuery and CSS3 animations.

Hover Effects Builder – WordPress Plugin

Hover Effects Builder - WordPress Plugin
  • Apply CSS3 hover effects to the images on your website without any CSS coding knowledge.
  • Assign any of predefined effects to featured images for standard and custom post formats.
  • Create your own hover effects with unlimited variations of styles and colors in our Editor.
  • Combine different effects to create unique animation hover effects.
  • Apply fully customizable shortcode to any image in WordPress Post/Page Editor.

ShakeBorder : jQuery Animated Shake & Border Effects

ShakeBorder : jQuery Animated Shake & Border Effects

ShakeBorder is a plugin to create Shake and border effects on mouse hover with jQuery.

jQuery Cover3D Plugin

jQuery Cover3D Plugin

Create a cover of dvd, xbox, game or book with jQuery, CSS3, easily with a few lines of code.

iHover : Collection of Hover Effects with CSS

iHover : Collection of Hover Effects with CSS

iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.

  • Pure CSS!
  • Sass CSS
  • Modular code
  • Bootstrap compatible (Bootstrap is not needed though)
  • Well documented

tFigure2 : Animated Image Captions with CSS3

tFigure2 : Animated Image Captions with CSS3

Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!



Best jQuery websites design awards