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)

5_1

Overlay

5_2

Washout

5_3

Transition Effects

1_1
1_2
1_3
6_1
6_2
6_3
2_1
2_2
2_3
3_1
3_2
3_3
4_1
4_2
4_3