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

68 votes398 views6 answers
Center position absolute
CSS
174 votes392 views6 answers
Css background image
CSS
1 vote341 views1 answer
How to boosts your rendering performance
CSS
0 vote339 views1 answer
Container transparent text opaque
CSS
0 vote327 views1 answer
Css add space to the top
CSS
0 vote362 views2 answers
How long ago was 1993 years
CSS
-1 vote360 views4 answers
Css after
CSS
0 vote337 views1 answer
Alternate color on two consecutive rows
CSS
0 vote354 views1 answer
Force keyboard to hide android programmatically
CSS
0 vote346 views1 answer
Css opacité fond mais pas texte
CSS