Template:HexCSS: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.hexagon { |
.hexagon { |
||
position: relative; |
position: relative; |
||
height: 100px; |
|||
width: 57.74px; |
|||
margin: 28.87px 0; |
|||
border-left: solid 1px #000000; |
border-left: solid 1px #000000; |
||
border-right: solid 1px #000000; |
border-right: solid 1px #000000; |
Revision as of 07:00, 22 August 2020
.hexagon { position: relative; height: 100px; width: 57.74px; border-left: solid 1px #000000; border-right: solid 1px #000000; } .hexagon:before, .hexagon:after { content: ""; position: absolute; z-index: 1; width: 70.71px; height: 70.71px; transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 14.6447px; } .hexagon:before { top: -35.3553px; border-top: solid 1.4142px #000000; border-right: solid 1.4142px #000000; } .hexagon:after { bottom: -35.3553px; border-bottom: solid 1.4142px #000000; border-left: solid 1.4142px #000000; }