How to lay out a 3d cube menu like on a layout?

Question

css

The picture is given:


It is required to make it up, it is desirable that it works in ie. Can you please tell me how to do it elegantly and cross-browser? What are the techniques? Preferably with code examples. Thanks in advance.

Answer 1

sprite+negative margin+z-index = PROFIT
jsfiddle.net/qqfbvawm/1

Answer 2

Clumsy but works
jsfiddle.net/QW01_01/ascmrnzz

Answer 3

freelansim.ru

Answer 4

Cross-browser - probably only pictures. Create a sprite and then lay it out like a regular menu, but with a background...
You can also look in the direction of SVG.

Answer 5

css3: transform