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

96 votes305 views2 answers
How to position in css
CSS
1 vote282 views1 answer
Convert string to uppercase while typing
CSS
2 votes278 views1 answer
Putting label on top of input css
CSS
0 vote315 views1 answer
Negative border radius
CSS
1 vote305 views1 answer
Rainbow linear gradient css
CSS
39 votes284 views5 answers
Add drop shadow css
CSS
2 votes297 views2 answers
Nunito font
CSS
0 vote304 views1 answer
Grid css fr width of content
CSS
1 vote290 views1 answer
How do center using margin
CSS
0 vote313 views1 answer
Inline styling width
CSS