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

111 votes211 views6 answers
Media query css
CSS
96 votes182 views3 answers
Css hide scrollbar but allow scroll
CSS
0 vote165 views1 answer
Tailwind css react craco
CSS
1 vote173 views1 answer
Double color background css
CSS
4 votes171 views2 answers
How to give background overlay in css
CSS
39 votes172 views2 answers
Css to increase font size
CSS
1 vote169 views2 answers
How to upgrade composer ubuntu
CSS
0 vote213 views1 answer
Css buchstaben auseinander weite
CSS
9 votes163 views4 answers
Change button size css
CSS
3 votes187 views1 answer
Css first td
CSS