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 vote241 views1 answer
Null vs void
CSS
50 votes230 views6 answers
Css align center
CSS
0 vote264 views1 answer
Rel="noopener noreferrer
CSS
0 vote239 views1 answer
Background css hachures
CSS
0 vote237 views1 answer
All the divs from inside of another div css
CSS
0 vote219 views2 answers
Position relative get in center
CSS
0 vote278 views1 answer
Ngrok host header change
CSS
158 votes251 views5 answers
Css background image with url
CSS
0 vote301 views1 answer
Css inherit class
CSS
6 votes234 views3 answers
Css change background color of page
CSS