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.
- IE9+ *
* 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.
- CSS3 Diamond Grid Images - Constant Size, Overflow
- CSS3 Diamond Grid Images (vertical) - Constant Size, Overflow
- CSS3 Diamond Grid Images (vertical) - Fluid Scale, Responsive
More demos and snippets
Did you find this useful? There are more demos and code snippets this way.