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

-1 vote166 views1 answer
Option tag center
CSS
0 vote156 views1 answer
CSS - The Class Selectors - Element
CSS
2 votes163 views2 answers
Font gap css
CSS
0 vote160 views1 answer
Add border to the array
CSS
0 vote227 views1 answer
L'entente cordiale streaming
CSS
-1 vote148 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote158 views1 answer
Responsive image slider html css
CSS
253 votes365 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote163 views1 answer
Divi hide header
CSS
1 vote167 views1 answer
Css font-variant
CSS