Advertise here

Adaptive Thumbnail Pile Effect with Automatic Grouping

November 21, 2012     2279     CSS3 & CSS Effects
Adaptive Thumbnail Pile Effect with Automatic Grouping

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

The grid itself is adaptive, meaning that if there is not enough horizontal space considering the width and the gutter of the items, the column count will decrease and the grid will re-order.

CSS transforms and transitions only work in browsers that support them. There is a simple jQuery animate fallback for browsers that don’t support transitions.

Related Plugins

Latest Plugins