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 vote130 views2 answers
Add a comment in css
CSS
0 vote111 views1 answer
Css button no style
CSS
1 vote108 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS
0 vote59 views1 answer
Cursor color change
CSS
1 vote100 views3 answers
Font-style
CSS
0 vote115 views1 answer
Remove glow textarea css
CSS
0 vote105 views1 answer
Animacion de gota css
CSS
1 vote100 views1 answer
Alert without page refresh
CSS
0 vote154 views2 answers
Bootstrap 5 container
CSS Bootstrap
1 vote117 views3 answers
Tailwind npm
CSS