Image Accordion

Robust 1

Robust 2

Robust 3

Robust 4

How it works

Image Accordion is a nestable block element made of Item elements. These Items contain an Image and a Content block element. The item’s image should be set at the Image element. The content to display on hover should be put inside the Content element.
The Expanding and Content’s Fade animations durations and CSS easings can be customized at the Image Accordion element.

Item Settings controls

Expanded Size: the amount of cells to fill by the image when being expanded.
Scale: the amount of scale to apply to each image on hover.
Grayscale: the Grayscale the images will go from to 0 on hover.

– Tamu

On this page