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 vote269 views1 answer
Easyui datagrid header multiline
CSS
47 votes255 views6 answers
How to add a css file in html
CSS
0 vote272 views1 answer
Lando expose database port
CSS
0 vote260 views1 answer
Css change browser color
CSS
8 votes265 views4 answers
Css image align left
CSS
0 vote256 views1 answer
Css flex bottom
CSS
7 votes254 views2 answers
Fira code
CSS
1 vote281 views1 answer
Css color of input
CSS
0 vote244 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
1 vote245 views1 answer
Html dim entire screen
CSS