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 vote261 views1 answer
How to do text center of select element
CSS
0 vote300 views1 answer
Table with vertical lines in angular
CSS
0 vote302 views1 answer
Css stretch font vertically
CSS
37 votes311 views5 answers
How to apply linear gradient to text in css
CSS
0 vote292 views1 answer
Rust get current date
CSS
13 votes292 views4 answers
Background color transparent
CSS
4 votes308 views3 answers
Css image cover
CSS
0 vote283 views2 answers
Optional changing n
CSS
0 vote311 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
1 vote294 views1 answer
Overflow: scroll displaces the inline element
CSS