64 JQuery Hover Effect Plugins

Today we’d like to share a little grid layout with you. We use CSS Grid and a playful hover effect on the grid items which are composed of different wildly placed elements. When an item is clicked, we slide in a content preview .....
CSS Gallery

Today we’d like to share some subtle proximity feedback ideas with you. We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it. There are .....
Animation Core Java Script Forms Text Effect

Today we’d like to share a little hover effect library with you. The effect goes as follows: when hovering an image, we’ll use a displacement image to transition to another image. Using different displacement images, we can cr.....
Core Java Script

Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations. .....
Animation Core Java Script CSS

Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hove.....
Animation Core Java Script CSS

Tilt.js is a tiny request AnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery. .....
Image Effects Plugins

Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.We want to animate an image (which could be a link or simply a normal grid item) with a tilt effect on its parts......
Animation Core Java Script CSS

jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change.....
CSS Image Effects Plugins

In this tutorial, total number of 8 ultimate hover effects and every single effect contain 3 different effects using same property of CSS3. So you easily learn the single property like transform, translate and transition use with .....
Animation CSS

Viavi CSS3 Button Hover Effect is pure HTML5/CSS3 flat buttons. Buttons has HTML5 structure and works on all major browsers. Buttons is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. .....
Animation CSS Premium

Custom hand code css3 with ultimate css button hover effects and also change text on hover with css3 effects. .....
Animation CSS

I have created 30 CSS button hover effects that uses only CSS for the animation. In this tutorial I will only explain how the sixth example works. You can view the code for the rest of the buttons by downloading the source code. .....
Animation CSS

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 variatio.....
CSS Plugins Premium Wordpress

iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.Pure CSS!Sass CSSModular codeBootstrap compatible (Bootstrap is not needed though)Well documented .....
CSS

The aim of this product is to provide quality ‘Image Hover Effects’. So that You may use them in your web projects and enhance the web experience of your users.Animatia contains different types of designs like button styles, o.....
Animation CSS Premium

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas. .....
CSS SVG Tutorial Text Effect

CSS3 hover effects with the ability to change color. It’s features are listed bellow.Full responsive.Easy to use.No Javascript.Compatible for all major browsers.Easy change of colorAlmost fully CSS customizable.20 effects .....
Animation CSS Premium

A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we’ve added some fresh effects with various transitions. .....
CSS SVG Tutorial

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. .....
CSS

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. .....
CSS Premium

Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements. .....
Animation CSS

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

Today I’d like to share with you a bunch of pretty neat CSS only buttons I’ve put together. I’m also going to go over their creation, and using them in design.Button design can actually be quite fun so here are a bunch of id.....
CSS

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS. .....
CSS

Sinister is More than 45 Pure CSS Image Hover Effects Which is Suitable for a Wide Variety of Websites and Have Very Easy Installation.With Install this CSS File You Will be able add Variety of Image hover effects to your images.F.....
Animation CSS Premium

In this tutorial we’ll recreate the hover effect as seen on The Christmas Experiments website. We’ll be using SVG for the shape and Snap.svg for animating it on hover.The idea is to create a SVG with one path that repr.....
SVG Tutorial

This time I will show you other five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops.In summary, we seek the same method but we will act especially using the border property,.....
CSS

This is a new series that will focus on cool web elements on the web. My goal is to try and replicate these sleek elements using a combination of HTML, Javascript and CSS3 and hopefully teach something along the way. It’s a port.....
Animation CSS

BloxHover is a simple jQuery plugin that animates overlay on images in 10 different effects. You can put any HTML content in the overlay. It’s structure is simple and it’s very flexible. The minified version of the plugin is 1.....
Image Effects Plugins Premium

Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and .....
Core Java Script CSS

Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image. All you have to do is call it on an image selector. .....
Image Effects Plugins

Todays freebie is a swish jQuery zoom hover effect plugin which you can use to add a great effect to things such as portfolio item’s.With this plugin you can add a zoom style effect to your images on hover, also you can add an o.....
Gallery Image Effects Plugins Zoom

This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary elements on the fly. What this means is that we are starting from barebon.....
CSS Gallery Image Effects

Picanim is jQuery plugin used to bring stylish image hover.Features:27+ unique hover effectsinclude: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…small size,just 3kb after gzipedcross bro.....
Image Effects Plugins Premium

HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to diffe.....
Animation Gallery Plugins Premium

Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.In our examples, we’ll us.....
CSS Gallery

In today’s tip we’ll show you how to create a direction-aware hover effect using some CSS3 goodness and jQuery. The idea is to have a little overlay slide in on top of some thumbnails from the direction that we are coming from.....
Animation CSS

Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such stylish hover effects.With a simple function, we can choose the “start effect (normal, transparent or overlay)” and the images will .....
Gallery Image Effects Plugins

Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic prin.....
CSS Gallery

A cool hover effect for a Google map. Uses Google's static map generator. You can change the lat/long values in the DOM and it will update everything for you. Sizes in the DOM and CSS should be equal. .....
Google Map

Pointlight is a small jQuery plugin which applies an interactive hover effect to the border and background of block elements (e.g. buttons), inspired by Windows 10 (Fluent Design)......
hover Hover-Effect

A modern expanding photo gallery with a cool hover effect that expands the image to the full size of the container element on click/tap......
photo-gallery

Twitch.js is a fancy responsive jQuery plugin which applies a smooth, interactive hover effect to any element based on the mouse position on mouseover and mouseout......
hover Hover-Effect

Attract Hover is a jQuery plugin that applies an interactive hover effect to any element using CSS3 transitions and transforms. This element will move smoothly with your mouse within a boundary......
Hover-Effect

Cardify is a dead simple jQuery plugin to create a basic image hover effect that wraps the image in a figure element and adds the extracted alt text into a figcaption element......
hover Hover-Effect

picBeautifier-3000 is a jQuery plugin for manipulating images that makes it easier to apply custom hover effects (e.g. overlay, slide, zoom in/out, CSS filters) to images with built-in functions......
hover Hover-Effect CSS-filter

Plate.js is a simple, lightweight jQuery plugin that applies a configurable interactive 3D hover effect to DOM elements using CSS3 2D/3D transforms......
hover Hover-Effect 3D

SnakeGallery is a jQuery plugin for creating an animated hover overlay for your gallery that slides out from the boundary depending on the direction you enter the image......
hover Hover-Effect Overlay

Fancy-Buttons is a jQuery plugin which applies a 3D interactive hover effect to any block element using CSS3 transitions and transforms......
hover Hover-Effect

HoverSlippery is a lightweight jQuery plugin which adds cool, animated, customizable hover effects to anchor links of your navigation menu......
Hover-Effect

picturehover is a very small jQuery plugin used to create customizable image overlay hover effects that have the ability to load captions from any attributes on img tag......
hover Hover-Effect

optionsGoogle is a lightweight jQuery plugin which brings the Google Gmail attachment experience to your files or images......
hover Hover-Effect

hovereffect.js is a lightweight jQuery plugin that creates an animated overlay with a custom icon over your image on mouse hover......
hover Hover-Effect

Lavazi is a small jQuery plugin that applies a LavaLamp-Like smooth elastic animation to your navigation menu on mouse hover......
sliding-menu

A simplest way to create a CSS3 animated, customizable overlay effect when users hovers over an element......
hover Hover-Effect

captionHover.js is a lightweight jQuery plugin used to implement cool CSS3 hover effects on any elements with HTML5 figure and figcaption tags......
hover Hover-Effect

nsHover is a lightweight jQuery plugin that makes it easy to create animated, customizable hover effects on your site images......
hover Hover-Effect

Directional Hover is a lightweight jQuery plugin to create animated hover overlays that slide in based on mouse direction......
Hover-Effect Overlay

A growing collection of jQuery & CSS3 hover effects that allow you to quickly implement a variety of smooth hover effects on any Html element......
hover image-hover

Makes uses of jQuery and CSS3 transitions & keyframes to create a image grid with awesome caption hover effects like slide, twist, fade and much more......
Hover-Effect image-caption

A minimal implementation of image caption hover effects built on top of jQuery, jQuery easing plugin, CSS, and HTML5 figue figcaption elements......
image-caption easing

56hm Rollslider is a simple yet cross-browser and customizable jQuery image slideshow plugin that supports animated image caption hover effects......
image-caption

SlipHover is a jQuery plugin used to add direction-aware overlay effects on any Html elements (images, DIVs, etc) when hover over......
Hover-Effect Overlay image-caption

Content Hover is a jQuery plugin for creating an animated content overlay covering an Html element when mouse hovers over it......
hover Hover-Effect Overlay image-caption