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 vote187 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote134 views1 answer
Border radius circle button
CSS
1 vote143 views1 answer
Vertcial text css
CSS
2 votes172 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
2 votes117 views1 answer
Index in javascript
CSS
3 votes127 views1 answer
Fontawesome trash icon
CSS
4 votes133 views3 answers
Trash icon font awesome
CSS
1 vote135 views3 answers
Css for bigger screen size
CSS
-1 vote131 views3 answers
Clip path css
CSS
45 votes154 views6 answers
Css elipsis
CSS