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..." |
XavierStordiz changed the content model of the page Template:HexCSS from "plain text" to "Sanitized CSS" Tag: content model change |
||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
.hextop |
|||
.hexagon { |
|||
{ |
|||
position: relative; |
|||
⚫ | |||
width: 100px; |
|||
border-top: 52px solid transparent !important; |
|||
height: 57.74px; |
|||
⚫ | |||
margin: 28.87px 0; |
|||
display: inline-block; |
|||
border-left: solid 2px #333333; |
|||
⚫ | |||
} |
} |
||
.hexmid |
|||
.hexagon:before, |
|||
{ |
|||
.hexagon:after { |
|||
width: 60px; |
|||
height: 104px; |
|||
display: inline-block; |
|||
width: 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); |
|||
left: 12.6447px; |
|||
} |
} |
||
.hexbot |
|||
.hexagon:before { |
|||
{ |
|||
top: -35.3553px; |
|||
border- |
border-left: 30px solid; |
||
border- |
border-top: 52px solid transparent !important; |
||
border-bottom: 52px solid transparent !important; |
|||
} |
|||
display: inline-block; |
|||
.hexagon:after { |
|||
bottom: -35.3553px; |
|||
⚫ | |||
border-left: solid 2.8284px #333333; |
|||
} |
} |
Latest revision as of 20:02, 14 June 2023
.hextop
{
border-right: 30px solid;
border-top: 52px solid transparent !important;
border-bottom: 52px solid transparent !important;
display: inline-block;
}
.hexmid
{
width: 60px;
height: 104px;
display: inline-block;
}
.hexbot
{
border-left: 30px solid;
border-top: 52px solid transparent !important;
border-bottom: 52px solid transparent !important;
display: inline-block;
}