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

7 votes335 views3 answers
Import font woff css
CSS
3 votes226 views5 answers
Css keep aspect ratio image
CSS
0 vote192 views1 answer
How to remove link line in css
CSS
1 vote195 views1 answer
Css select with attribute
CSS
0 vote195 views2 answers
COMENTARIOS EN CSS
CSS
0 vote189 views1 answer
Au fourneua bakery
CSS
7 votes204 views4 answers
How hide in html
CSS
1 vote183 views1 answer
Blur edges css
CSS
187 votes506 views6 answers
Div background image
CSS
0 vote248 views1 answer
Css beutify scroller
CSS