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

3 votes380 views2 answers
No border css
CSS
0 vote388 views1 answer
Angular scss doesn't work backgorund
CSS
0 vote396 views1 answer
Css 2 divs nebeneinander
CSS
13 votes357 views6 answers
Hide title bar android
CSS
0 vote363 views1 answer
Css unlock scroll
CSS
32 votes467 views5 answers
Css opacity
CSS
0 vote389 views1 answer
In 10 seconds fade in a card html css
CSS
0 vote370 views2 answers
Html5 vs css3
CSS
0 vote372 views1 answer
Viewport is 480 pixels or smaller css
CSS
1 vote398 views2 answers
Png image background transparent css
CSS