Tuesday, September 3, 2013

How to Make Diamond Narrow Shape Using CSS

Here full css code to make diamond narrow shape using only css code.


#diamond-narrow {
width: 0;
height: 0;
border: 50px solid transparent;
border-bottom: 70px solid red;
position: relative;
top: -50px;
}
#diamond-narrow:after {
content: '';
position: absolute;
left: -50px; top: 70px;
width: 0;
height: 0;
border: 50px solid transparent;
border-top: 70px solid red;
}

Result:


How to Make Diamond Narrow Shape Using CSS

Disqus Comments