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

5 votes268 views3 answers
Css glow effect
CSS
1 vote289 views1 answer
How do I vertically center text with CSS?
CSS
0 vote300 views1 answer
Easyui datagrid header multiline
CSS
2 votes329 views2 answers
Program to draw circle in C++
CSS
0 vote285 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
0 vote306 views1 answer
Media screen use another css file
CSS
2 votes314 views1 answer
Css image to white
CSS
0 vote315 views1 answer
Mat radio button color
CSS
116 votes329 views6 answers
@media screen and (max-width
CSS
42 votes315 views5 answers
Split text javascript
CSS