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

36 votes374 views6 answers
Gradient text
CSS
5 votes326 views5 answers
Min padding
CSS
0 vote310 views1 answer
Css basics
CSS
4 votes424 views1 answer
Css add dots if text too long
CSS
0 vote322 views1 answer
How to change textsize recta native
CSS
36 votes369 views6 answers
How to insert gradient in css
CSS
0 vote349 views1 answer
Cypress check css property value
CSS
37 votes324 views2 answers
Css transform y
CSS
0 vote340 views1 answer
Code css for mozila
CSS
12 votes343 views2 answers
Css select every other element
CSS