Looking for a way to create a slanted mosaic-like grid

[zantafio]

hello good people of css-land,
I am just realizing that my css-skills are not good enough to deal with the idea I have bestowed upon me…
I would like to create a grid of divs which have a slanted mosaic look like so: http://imgur.com/tOO0Tps

Is this achievable via css?
Or do i have to use javascript to draw svgs?

In the end i’d like this grid to be responsive as well.

any tips happily accepted.

thanks!

[Shikkediel]

Many ways to go about this but as far as I’ve seen it’s usually done with an svg. You could probably use HTML and style it with CSS but positioning seems complicated – using JS would be unavoidable there.

By the way, interaction with the elements (mouse events for example) will be tricky, even when using an svg .

[zantafio]

Hello and Thanks.

Why would interaction be tricky?

Thanks

[Author]

Posts