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

50 votes117 views3 answers
Simple css reset
CSS
1 vote139 views2 answers
Css ios disable zoom
CSS
0 vote119 views2 answers
Disabled checkbox css
CSS
1 vote142 views1 answer
Vue import css scoped
CSS
0 vote134 views1 answer
Css pagedList
CSS
0 vote125 views1 answer
Ul or ol with no indent
CSS
0 vote137 views1 answer
Calendar api
CSS
0 vote114 views1 answer
Learn golang in a day
CSS
9 votes118 views3 answers
Animation on scroll css
CSS
0 vote130 views1 answer
Uninstall wine 6.0.1
CSS