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.

  • It’s very nice plugin with awesome effect.

  • 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? :/