Make triangle using div

How to make a triangle in css

.triangle{
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
  border-width:100px;
}

Make triangle using div

// css clip
<div id="triangle"></div>

#triangle {
	background-color: #003BDE;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	width: 100px;
	height: 100px;
}

Source: usefulangle.com

Similar codes

3 votes219 views5 answers
Css keep aspect ratio image
CSS
1 vote186 views1 answer
Overflow-x hidden meaning in css
CSS
0 vote167 views1 answer
Learn golang in a day
CSS
0 vote177 views2 answers
Background path css
CSS
0 vote179 views1 answer
CSS BODY AND PRE
CSS
0 vote189 views2 answers
Icon rounded corners css
CSS
1 vote192 views1 answer
Screen rotation in css
CSS
0 vote205 views1 answer
Jquery replace css class
CSS
0 vote180 views2 answers
Easyui datagrid header field color
CSS
0 vote184 views1 answer
Inexorably
CSS