Attractive Image Hover Effects With jQuery: Adipoli


For websites with many design elements and content, in order to help users to focus on the content, applying an opacity on images and removing when hovered is usually a good idea.

Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such hover effects.

With a simple function, we can choose the "start effect (normal, transparent or overlay)" and the images will become less catch until they are hovered.

Adipoli- jQuery Hover Effect Plugin

There are 20+ built-in and attractive transition effects that will display the images "as is" when users hover them.

Also, multiple configuration options exists for further customizing the transitions.

  1. Reply asifaxis May 30, 2012 at 5:50 AM

    It’s very nice plugin with awesome effect.

  2. Reply devilart June 27, 2012 at 7:29 AM

    the adipoli solution doesn’t work for me! First I had to check out plenty of his facebook wall posts to find people’s problems matching mine. And later it still doesn’t work for chrome…
    any other experiences? :/

Leave a reply