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 vote150 views2 answers
Cut word css
CSS
26 votes152 views4 answers
Input outline focus
CSS
0 vote190 views1 answer
Définir le nombre minimum de mots sur les publications WordPress
CSS
0 vote138 views2 answers
Use .map to count length of each element in an array
CSS
1 vote131 views1 answer
Css animate border bottom on hover
CSS
0 vote157 views1 answer
Css background image svg not showing
CSS
0 vote139 views1 answer
Vertical sliders css
CSS
6 votes106 views1 answer
Jqeury css edit
CSS
32 votes154 views6 answers
Animations css
CSS
109 votes139 views6 answers
What is padding in css
CSS