A couple of ideas for typography animations and letter (hover) effects for playful interactions. Anime.js is used to create animations.
jQuery.aim is a jQuery plugin which guesses which element user is going to be hovered/clicked.
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
SlipHover is a jQuery plugin to apply direction aware hover animation to images or any other elements.
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.
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.
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.
randomizeColor is a jQuery plugin to randomize the text and / or background color on mouse over.
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".
Here you ll be building a cool Animated navigation list complete with a sliding hover effect.
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.
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.
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