Responsive grid of hexagons

Question

I loaded in multiple images on my website from the internet. Is it possible to give all those images an hexagon shape in a responsive grid?

Answer 1

You can create an image with transparent hexagon shape and superimpose it over injected image.

HTML:

CSS:

.hexagon {
    position: relative;
}

.hexagon > img {
    position: absolute;
}

Demo: http://jsfiddle.net/dr6Hp/3/