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