CSS3 Diamond Grid Images - Fluid Scale, Responsive

The images in this demo fluidly scale down in size as the browser width decreases. They do not break out of their grid.


* Images are not rotated in IE7/8 and "background-size:cover;" isn't supported so the images display at their native size regardless of the size of the div they're in. Fixed-size fallbacks are provided for IE7/8.


More demos and snippets

Did you find this useful? There are more demos and code snippets this way.