The “Image Adipoli” element allows you to apply some hover transition effects to your images. There are three base pattern that can be applied to the image and there are 16 transition effects to turn the base pattern back into the original image. For the purpose of this demonstration, all transition effects will be shown using the “Grayscale” (CSS3) base pattern. The little handle below each image serves as a hint to your viewers that there is some kind of effect associated with the image when hovering. The handle can be disabled for each element and you can also change the handle color to better suit your theme. Furthermore, you can assign a CSS3 tooltip to each image.

Start Effects

Grayscale (CSS3)

Overlay

Washout

Transition Effects