How to create a grid of diamonds?

Hello. Advise how to create a grid of diamonds.
50151b2d101c4d89a948619ff6f3a859.png
September 26th 19 at 06:42
5 answers
September 26th 19 at 06:44
Solution
And functionality what you need?

1. The easiest and fastest - SVG - draw in Illustrator-e and exportnet.
2. Personally, I see a set of triangles and not rhombuses. And it is possible to collect absolutely positioned elements. In this case you will need to dig in the direction of "CSS triangles".
judging by the cursor — functionality is needed. - tanner_Wintheis commented on September 26th 19 at 06:47
Maybe the designer just hand twitched and he was there lying around?)) - Brain.MacGyver commented on September 26th 19 at 06:50
answered below. - Keara_Ferry4 commented on September 26th 19 at 06:53
then it is definitely the svg.
The elements can wrap up in and will work the transition. I can still samaraditya with raphael.js but I don't think this will be a necessity. - Brain.MacGyver commented on September 26th 19 at 06:56
a xlink:href="link.html" /a - Brain.MacGyver commented on September 26th 19 at 06:59
September 26th 19 at 06:46
Solution
Something like that
Typeset tables under Opera 22
About cross-browser compatibility the question was not :)

Need the corners to play
On FF.30 shows ) - tanner_Wintheis commented on September 26th 19 at 06:49
I figured in the latest versions of many browsers is displayed normally - Brain.MacGyver commented on September 26th 19 at 06:52
September 26th 19 at 06:48
Solution
Maybe so - goo.gl/PwhS40
September 26th 19 at 06:50
The functionality of this menu with hover effect (hover - change BG) and the text block inside . When clicking go to link.
Just 2 point are doing now.
September 26th 19 at 06:52
Tag for such situations. Cross-browser, support for older browsers.
A good lesson on "card images"

Find more questions by tags CSSjQuery