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

44 votes170 views6 answers
Remove underline from hyperlink
CSS
1 vote205 views2 answers
Link active css
CSS
66 votes158 views6 answers
Text background color css
CSS
1 vote166 views1 answer
Display none but keep space
CSS
0 vote156 views1 answer
Ovale css
CSS
0 vote165 views1 answer
How to get two elements on the same line html
CSS
0 vote179 views1 answer
Float pb
CSS
1 vote162 views2 answers
How to change highlight color on website
CSS
0 vote182 views1 answer
Delete after content css
CSS
5 votes120 views1 answer
Css custom strikethrough
CSS