<div class="hexagon"></div>
/* HEXAGON */
.hexagon {
display: inline-block;
position: relative;
margin-left: 40px;
width: 50px;
height: 33px;
border-radius: 5px;
background: black;
}
.hexagon:before {
content: '';
position: absolute;
left: 0;
width: inherit;
height: inherit;
border-radius: inherit;
background: inherit;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.hexagon:after {
content: '';
position: absolute;
left: 0;
width: inherit;
height: inherit;
border-radius: inherit;
background: inherit;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
hexagon
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.