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

9 votes173 views1 answer
Full page background image
CSS
1 vote167 views1 answer
Html minimum width
CSS
7 votes177 views2 answers
Disable bullets in ul
CSS
19 votes168 views3 answers
Vertical text
CSS
72 votes213 views6 answers
Css center position absolute
CSS
-3 votes168 views2 answers
How to justify grid childe in the center
CSS
0 vote165 views1 answer
Css code for increasing size
CSS
15 votes170 views3 answers
Css wrap
CSS
2 votes169 views1 answer
Css make something always on top
CSS
0 vote171 views1 answer
Css transition cross browser
CSS