Template:HexCSS: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.hextop |
|||
.hexagon { |
|||
{ |
|||
position: relative; |
|||
float: left; |
|||
height: 100px; |
|||
border-right: 30px solid #6C6; |
|||
width: 57.74px; |
|||
border- |
border-top: 52px solid transparent; |
||
border- |
border-bottom: 52px solid transparent; |
||
} |
} |
||
.hexmid |
|||
.hexagon:before, |
|||
{ |
|||
.hexagon:after { |
|||
float: left; |
|||
width: 60px; |
|||
height: 104px; |
|||
⚫ | |||
width: 70.71px; |
|||
height: 70.71px; |
|||
transform: scaleY(0.5774) rotate(-45deg); |
|||
⚫ | |||
left: 14.6447px; |
|||
} |
} |
||
.hexbot |
|||
.hexagon:before { |
|||
{ |
|||
top: -35.3553px; |
|||
float: left; |
|||
⚫ | |||
border- |
border-left: 30px solid #6C6; |
||
⚫ | |||
} |
|||
⚫ | |||
.hexagon:after { |
|||
bottom: -35.3553px; |
|||
⚫ | |||
border-left: solid 1.4142px #000000; |
|||
} |
} |
Revision as of 07:10, 22 August 2020
.hextop { float: left; border-right: 30px solid #6C6; border-top: 52px solid transparent; border-bottom: 52px solid transparent; } .hexmid { float: left; width: 60px; height: 104px; background-color: #6C6; } .hexbot { float: left; border-left: 30px solid #6C6; border-top: 52px solid transparent; border-bottom: 52px solid transparent; }