Masonry Tiles 4 Columns
A simple masonry grid with captions overlay hover effect. On touch devices the hover is substituted by a click trigger. First click (touch) reveals the overlay, the second click hides it. The vertical spacing is controled by the upper margin of class “masonry object container”. The padding of class “masonry column” controls the horizontal spacing. The padding of class “masonry row“ defines the offset to the container (note: different settings for phone layouts!).
The class “masonry overlay” holds the caption text and has the “hover and fade” interaction assigned, which makes the overlay and caption appear. The class “masonry link“ holds the “rotate and scale“ interaction for the image, as well as the link of the tile.
