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