Advertise here

jQuery Plugins Tagged ‘hover effect’

Tilt Hover Effects with CSS and Javascript

November 25, 2016     474     CSS3 & CSS Effects Animation
Tilt Hover Effects with CSS and Javascript

Some ideas for hover animations with a fancy tilt effect by using CSS and javascript.

Read More »

jQuery.aim Plugin

July 25, 2014     1984     Others
jQuery.aim Plugin

jQuery.aim is a jQuery plugin which guesses which element user is going to be hovered/clicked.

Read More »

Shape Hover Effect With SVG

January 07, 2014     7790     Effects
Shape Hover Effect With SVG

In this tutorial you ll create really cool hover effect. You 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 represents the shape background for some caption and to morph that path into another one on hover

Read More »

SlipHover – Direction Aware Hover Animation to Images

January 05, 2014     5951     Effects Animation
SlipHover – Direction Aware Hover Animation to Images

SlipHover is a jQuery plugin to apply direction aware hover animation to images or any other elements.

Read More »

Create a Pentagon Hover Effect with CSS3 and jQuery

October 02, 2013     3739     CSS3 & CSS Effects
Create a Pentagon Hover Effect with CSS3 and jQuery

A tutorial about Creating Pentagon Hover Effect by using CSS3 and jQuery. It smoothly meshes together a rotate effect with a slight nudge right to the image along with a colorization of the image.

Read More »

Horizontal Portfolio Layout with CSS3 Animations and jQuery

June 10, 2013     6670     CSS3 & CSS Effects
Horizontal Portfolio Layout with CSS3 Animations and jQuery

In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.

Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.

Read More »

Slickhover.js – Slick and Smooth Hover Effect jQuery Plugin

April 07, 2013     4501     Effects
Slickhover.js – Slick and Smooth Hover Effect jQuery Plugin

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.

Read More »

randomizeColor – Random Color for Backgrounds and Texts on Hover

March 08, 2013     2399     Effects
randomizeColor – Random Color for Backgrounds and Texts on Hover

randomizeColor is a jQuery plugin to randomize the text and / or background color on mouse over.

Read More »

Blog Face – jQuery Plugin for Brick-Wall Look Sites

January 05, 2013     1571     Effects
Blog Face – jQuery Plugin for Brick-Wall Look Sites

Blog Face is a new jQuery plugin that will build a brick-wall view for your blog home page. All you need to do is specify your blog URL in your javascript. More recent articles will be better positioned and will have a better size.

Additionally, every article on the interface will have a zoom on mouse hover effect. This zoom effect can be toggled at run time by pressing "b".

Read More »

jQuery Sliding Hover Animated Menu

December 12, 2012     5084     Menu Effects
jQuery Sliding Hover Animated Menu

Here you ll be building a cool Animated navigation list complete with a sliding hover effect.

We’ll build the design to work without jQuery first of all to ensure it’s widely accessible to users without Javascript enabled, then enhance the effect with jQuery for the majority of users.

Read More »

jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

November 12, 2012     5469     HTML5 Effects
jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

jQuery.BlackAndWhite plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers. 

Read More »

Hover Slide Effect with jQuery

November 11, 2012     3547     Slider Effects
Hover Slide Effect with jQuery

Here you ll learn how to create a neat effect with some images using jQuery.

The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. 

Read More »

3D Thumbnail Hover Effects with CSS3 and jQuery

June 24, 2012     8664     CSS3 & CSS Effects
3D Thumbnail Hover Effects with CSS3 and jQuery

Here you will 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.

We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

Read More »

Slide Down Box Menu with jQuery and CSS3

June 13, 2012     10491     CSS3 & CSS Menu Effects
Slide Down Box Menu with jQuery and CSS3

Here you will create sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

Read More »

jQuery ContentHover Plugin

May 27, 2012     2644     Effects
jQuery ContentHover Plugin
A jQuery plugin that shows hidden content on top of an element when the mouse hovers over it.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish