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 vote356 views3 answers
Css class selector
CSS
3 votes362 views2 answers
Ignore cache pip
CSS
0 vote454 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
0 vote418 views1 answer
Edge ontouchmove does not work correctly
CSS
0 vote383 views2 answers
How to set background image for button in css
CSS
0 vote415 views1 answer
Bootstrap ol
CSS Bootstrap
12 votes357 views3 answers
Css change color
CSS
0 vote398 views1 answer
Ion-img border radius
CSS
21 votes367 views2 answers
Remove color and underline from link css
CSS
0 vote353 views1 answer
How to style submit button css
CSS