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

73 votes192 views6 answers
Flexbox in css
CSS
2 votes204 views1 answer
Css div take remaining screen height
CSS
0 vote181 views1 answer
Html print page break
CSS
0 vote203 views1 answer
Fullcalendar react
CSS
1 vote214 views1 answer
Css animate background image
CSS
5 votes221 views3 answers
Acf gallery
CSS
0 vote163 views1 answer
Css disable transition on first load
CSS
0 vote203 views1 answer
Specific id under class css
CSS
2 votes250 views1 answer
Sass class with another class
CSS
0 vote203 views1 answer
Crop image instead of resize css
CSS