Diamond in CSS3: how to create a triangle for the edges?

Question

css

I'm trying to create a diamond in CSS and was wondering how to create triangles for the faces? A simple way through the border will not help, because the triangles are not even, the vertex is displaced.

Answer 1

Everything is in google.
https://css-tricks.com/examples/ShapesOfCSS/cssdeck.com/labs/css-diamond
_

Answer 2

ruseller.com/lessons.php?id=1538
there is an svg, so try this.
but in general, here you can use ordinary borders

Answer 3

through the borders, just the borders will be different sizes. Example:
jsfiddle.net/443s8/1
and where the vertex is displaced (there is an obtuse corner), you can simply make blocks in two layers.

Answer 4

Way through border + transform: rotate(*deg) ?