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; |
||
width: |
width: 100px; |
||
height: 57.74px; |
height: 57.74px; |
||
margin: 28.87px 0; |
margin: 28.87px 0; |
||
Line 17: | Line 17: | ||
transform: scaleY(0.5774) rotate(-45deg); |
transform: scaleY(0.5774) rotate(-45deg); |
||
background-color: inherit; |
background-color: inherit; |
||
left: |
left: 14.6447px; |
||
} |
} |
||
Revision as of 06:13, 22 August 2020
.hexagon { position: relative; width: 100px; height: 57.74px; margin: 28.87px 0; 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 #333333; border-right: solid 1.4142px #333333; } .hexagon:after { bottom: -35.3553px; border-bottom: solid 1.4142px #333333; border-left: solid 1.4142px #333333; }