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

3 votes106 views2 answers
Centralizar div no meio da tela
CSS
8 votes127 views1 answer
When hover target diffrent element
CSS
0 vote130 views1 answer
How to center a text input in css
CSS
50 votes130 views4 answers
Css background image fit
CSS
-1 vote114 views1 answer
Css media queries laptop
CSS
0 vote119 views1 answer
How to give text two colors in css
CSS
1 vote118 views1 answer
Mat slide toggle iverted
CSS
1 vote136 views2 answers
Toast js
CSS
2 votes108 views1 answer
Css make something always on top
CSS