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

9 votes307 views2 answers
Box shadow as border
CSS
100 votes325 views8 answers
Create react app
CSS
2 votes393 views2 answers
Mongoose populate selected fields
CSS
37 votes338 views2 answers
Rgb yellow color
CSS
1 vote359 views1 answer
Inline input form css
CSS
1 vote356 views1 answer
Centering items in react css
CSS
9 votes342 views2 answers
Line in middle word css
CSS
0 vote367 views1 answer
Fluorescent blue hex code
CSS
3 votes374 views1 answer
Css how to make text not break
CSS
0 vote380 views4 answers
Select2 make previously selected options non deletable
CSS