Template:HexCSS: Difference between revisions
Content deleted Content added
Created page with ".hexagon { position: relative; width: 100px; height: 57.74px; margin: 28.87px 0; border-left: solid 2px #333333; border-right: solid 2px #333333; } .hexagon:befo..." |
No edit summary |
||
Line 15: | Line 15: | ||
width: 70.71px; |
width: 70.71px; |
||
height: 70.71px; |
height: 70.71px; |
||
-webkit-transform: scaleY(0.5774) rotate(-45deg); |
|||
-ms-transform: scaleY(0.5774) rotate(-45deg); |
|||
transform: scaleY(0.5774) rotate(-45deg); |
transform: scaleY(0.5774) rotate(-45deg); |
||
left: 12.6447px; |
left: 12.6447px; |
Revision as of 05:59, 22 August 2020
.hexagon {
position: relative; width: 100px; height: 57.74px; margin: 28.87px 0; border-left: solid 2px #333333; border-right: solid 2px #333333;
}
.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 2.8284px #333333; border-right: solid 2.8284px #333333;
}
.hexagon:after {
bottom: -35.3553px; border-bottom: solid 2.8284px #333333; border-left: solid 2.8284px #333333;
}