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 vote172 views1 answer
Understanding '~' sign in css selector
CSS
4 votes192 views2 answers
Laravel enum column
CSS
60 votes206 views3 answers
Media query for mobile view css
CSS
15 votes182 views2 answers
Custom selection color css
CSS
0 vote194 views1 answer
Html same width as parent
CSS
62 votes181 views3 answers
Css root variables
CSS
-2 votes377 views1 answer
Css add a shadow beneath text
CSS
0 vote200 views1 answer
Media screen use another css file
CSS
18 votes207 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
1 vote184 views1 answer
Cards design html css
CSS