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 vote333 views1 answer
Avatar change design html css
CSS
1 vote308 views1 answer
Apply css if class not present
CSS
0 vote324 views1 answer
Colored button link scss
CSS
0 vote332 views3 answers
Css keep focus color on div after click
CSS
17 votes349 views1 answer
Yarn start not working on powershell
CSS
9 votes324 views2 answers
Button style none
CSS
0 vote320 views1 answer
Html css drow line
CSS
5 votes303 views1 answer
Cursor couleur in css
CSS
0 vote382 views1 answer
Bootstrap remove unused css
CSS Bootstrap
50 votes312 views3 answers
Simple css reset
CSS