Template:HexCSS: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
height: 57.74px; |
height: 57.74px; |
||
margin: 28.87px 0; |
margin: 28.87px 0; |
||
border-left: solid |
border-left: solid 1px #000000; |
||
border-right: solid |
border-right: solid 1px #000000; |
||
} |
} |
||
Line 22: | Line 22: | ||
.hexagon:before { |
.hexagon:before { |
||
top: -35.3553px; |
top: -35.3553px; |
||
border-top: solid |
border-top: solid 1.4142px #333333; |
||
border-right: solid |
border-right: solid 1.4142px #333333; |
||
} |
} |
||
.hexagon:after { |
.hexagon:after { |
||
bottom: -35.3553px; |
bottom: -35.3553px; |
||
border-bottom: solid |
border-bottom: solid 1.4142px #333333; |
||
border-left: solid |
border-left: solid 1.4142px #333333; |
||
} |
} |
Revision as of 06:11, 22 August 2020
.hexagon { position: relative; width: 98px; 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: 12.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; }