Format hexagonal css get

.hexagon {
  position: relative;
  width: 300px; 
  height: 173.21px;
  background-color: #eb0f5c;
  margin: 86.60px 0;
}

.hexagon:before,
.hexagon:after {
  content: "@";
  position: absolute;
  width: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
}

.hexagon:before {
  bottom: 100%;
  border-bottom: 86.60px solid #eb0f5c;
}

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 86.60px solid #eb0f5c;
}

Source: brenna.github.io

Similar codes

0 vote190 views1 answer
Css display table row gap
CSS
0 vote231 views1 answer
How to give linear transprerancyon background image
CSS
0 vote230 views1 answer
Css top right corner
CSS
0 vote269 views1 answer
Outting a border on a map css
CSS
7 votes166 views1 answer
Col md 12
CSS
14 votes243 views4 answers
Composer downgrade to version 1
CSS
39 votes194 views5 answers
Add drop shadow css
CSS
-1 vote239 views2 answers
Insert image by css
CSS
23 votes210 views5 answers
Align item center flex
CSS
0 vote211 views2 answers
Animate.css not working
CSS