Apr 14

20 Best Premium and Free Image Hover Effect Plugins

Mon, 04/14/2014 - 17:52 — julie

If you have a website or blog with images and graphics as the main elements of focus, rather than text, then you MUST have a cool image hover effect plugin installed. We selected 20 premium and free image hover effect plugins (mostly free), to help you add great image effects to your website. Hover effects will encourage your readers to click on the images on your website, and thus increase your pageviews.

Here they are!

Simple Stack

This is a set of simple stack effects for inspiration. These kind of effects are mostly used in image galleries, but also on single items on a page.

Simple Stack

Pure CSS3 - premium

Pure CSS3 Image Hover Effects has 30 image hover effects, all suitable for portfolios, image galleries and much more.

Pure CSS3

Follow the kitty

This is a simple effect for roll over on grids, where the content slides based on the previous position.

Follow the kitty

Portfolio Wall - premium

Portfolio Wall | Joomla module 2.x 3.x is a module to help you create a wall of your works with an awesome 3d hover effects.

Portfolio Wall

CSS3 Transitions

This is a great CSS3 transition hover effect, and it’s free too! You can easily add it to your website.

CSS3 Transitions

Dynamic Grid

This is a dynamic grid layout that let’s you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends.Dynamic Grid

Hover Effects Pack - premium

This hover effects pack plugin allows you to add image via shortcode, and set hover animation, text animation and text delay.

Hover Effects Pack

Animated Opening Type

This plugin also comes with a tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions.

Animated Opening Type

Stretch Gallery

Stretch Gallery is a XML Canvas Gallery that allows you to create a nice portfolio gallery with some nice effects and customization settings.

Stretch Gallery

Responsive List +

Hover or Click each element to see flip and bounceInLeft Effects of this cool free image hover effect plugin!

Responsive List +

Gallery

This plugin offers hover/expand functionality for horizontal oriented images. Images will expand after 1.5 seconds (can be changed based on 0.5 second intervals).

Gallery

WordPress Speedo Popup - premium

Speedo popup is a small, powerful and real customizable WordPress popup / modal plugin. It has many great features too!

WordPress Speedo Popup

Playground

This is a zoom effect image hover plugin, perfect for online stores, and especially for fashion websites.

Playground

Profile Expand

This is a cool effect! When you click on your profile image, the social media icons will expand.

Profile Expand

Responsive CSS Timeline with 3D Effect

This is a tutorial about how to create an experimental CSS-only timeline with a 3D effect. The plugin can be downloaded for free.

Responsive CSS Timeline with 3D Effect

Animated Responsive Image Grid

This is a  jQuery plugin for creating a responsive image grid that will switch images using different animations and timings.

Animated Responsive Image Grid

Hover Slide Effect with jQuery

This plugin makes an image area with several images slide out when we hovering over them, revealing other images.

Hover Slide Effect with jQuery

3D Thumbnail Hover Effects

This is a great  tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.

3D Thumbnail Hover Effects

Photo Zoom Out Effect with jQuery

Learn how to create a simple image zoom out effect with jQuery with this great tutorial. Also get the plugin for free!

Photo Zoom Out Effect with jQuery

Zoome - premium

Zoome is a jQuery plugin to help you zoom images with hover effect (grayscale,blur,transparent) and you can zoom-in or zoom-out use mousewheel.

Zoome

The post 20 Best Premium and Free Image Hover Effect Plugins appeared first on Design Inspiration | How to Design a Website.

Copyright 2009. E-mail Me
Auto Spare Parts