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

1 vote262 views1 answer
Left align css mdn
CSS
1 vote187 views2 answers
Inner border css
CSS
0 vote189 views1 answer
Css borrar
CSS
40 votes180 views2 answers
All.min.css cdn
CSS
16 votes160 views1 answer
Sass css
CSS
0 vote179 views1 answer
Laravel enum float
CSS
0 vote194 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
25 votes207 views3 answers
How to add spaces between text in html
CSS
0 vote182 views1 answer
Scss flex
CSS
0 vote234 views1 answer
Hiden file upload button css
CSS