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

0 vote194 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
5 votes205 views1 answer
Css table border-collapse
CSS
0 vote211 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
29 votes210 views4 answers
Css box
CSS
13 votes203 views2 answers
How to middle text css
CSS
11 votes237 views1 answer
Html no cursor when link
CSS
0 vote192 views1 answer
Mirror text css
CSS
0 vote211 views1 answer
Disable text higlighting css
CSS
0 vote221 views1 answer
Tynker bot
CSS
0 vote223 views1 answer
Css radio button size
CSS