By using CSS to set border colours and heights we can simulate triangles and squares.
If you look carefully you will see the 3D shape is composed of four squares elements.
Drag the individual shapes in the table below and try to build a copy of the 3d shape.
Top Left Style line-height:0px;width:0px;height:0px;margin:0px; border-style: solid;border-width:30px;border-color:white sienna sienna white; |
|
Top Right Style line-height:0px;width:0px;height:0px;margin:0px; border-style: solid;border-width:30px;border-color:sienna tan tan sienna; |
|
Bottom Left Style line-height:0px;width:0px;height:0px;margin:0px; border-style: solid;border-width:30px;border-color:orange; |
|
Bottom Right Style line-height:0px;width:0px;height:0px;margin:0px; border-style: solid;border-width:30px;border-color:tan white white tan; |