Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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;
}
Comment

PREVIOUS NEXT
Code Example
Css :: media query min and max width 
Css :: how to give a background color strip in html and css 
Css :: animation not hover out 
Css :: css rounded circle image 
Css :: css multiple classes same rule 
Css :: step 20 freecodecamp flexbox 
Css :: css play button on image 
Css :: image cut css 
Css :: css display inline 
Css :: border bottom css 
Css :: how to create polaroid effect in css 
Css :: display: block; 
Css :: css text effects 
Css :: blue gradient 
Css :: scss loop 
Css :: div position by default 
Css :: datepicker disable future date odoo 
Css :: drop down css 
Css :: Extracting data in scrapy 
Css :: animations css 
Css :: three columsn css grid 
Css :: three dots animation 
Css :: css hide after seconds 
Css :: nth-child css 
Css :: add logo html css 
Css :: css tbody space tr 
Css :: how to move li to the right 
Css :: numpy not installling 
Css :: target element id css 
Css :: make changes to api fetch onclick in react 
ADD CONTENT
Topic
Content
Source link
Name
2+3 =