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

3 votes199 views2 answers
Width css property
CSS
0 vote198 views1 answer
/* */
CSS
0 vote213 views1 answer
React wrapper component
CSS
0 vote201 views1 answer
Spaziatura caratteri css
CSS
3 votes239 views6 answers
Input disabled css
CSS
0 vote357 views1 answer
Twig inline css
CSS
0 vote201 views1 answer
Add shadow to iframe
CSS
3 votes234 views1 answer
Wrap table html
CSS
0 vote238 views1 answer
How to add a photo using css beside a paragraph in html
CSS
0 vote184 views1 answer
Make an anchor tag inactive
CSS