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

12 votes230 views4 answers
Need short long paragraph css
CSS
0 vote199 views1 answer
Touch-action in css
CSS
4 votes195 views2 answers
Transform scale
CSS
0 vote164 views2 answers
Js parallax effect
CSS
-1 vote201 views1 answer
Add css to express app
CSS
0 vote222 views2 answers
Woocommerce cart css description
CSS
4 votes217 views2 answers
Html css rounded corners with mark
CSS
0 vote272 views1 answer
Div overlfow scroll
CSS
0 vote215 views1 answer
How to create polaroid effect in css
CSS
2 votes209 views1 answer
Coustomize srollbar
CSS