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

27 votes235 views4 answers
How to import fonts css
CSS
9 votes232 views4 answers
Clamp css
CSS
0 vote227 views1 answer
For...in...loop
CSS
7 votes242 views3 answers
Push failed
CSS
0 vote227 views1 answer
How to hide some grid items from grid in css
CSS
182 votes320 views6 answers
How to link css to html
CSS
11 votes273 views4 answers
Git hard reset to commit
CSS
-1 vote234 views1 answer
How to many image fullscreen in css
CSS
18 votes316 views6 answers
Install bootstrap angular 9
CSS
0 vote233 views1 answer
Css select alternate elements
CSS