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

22 votes406 views2 answers
React bootstrap carousal not working
CSS Bootstrap
6 votes317 views4 answers
Css hover to disable
CSS
0 vote321 views1 answer
Css selector id class
CSS
1 vote339 views2 answers
Css animation linear
CSS
0 vote333 views1 answer
Disable text higlighting
CSS
0 vote352 views1 answer
Css aplying everything
CSS
165 votes383 views6 answers
How to make text bold in css
CSS
2 votes320 views2 answers
Display flex align last item to left
CSS
0 vote316 views2 answers
Wp query using the_post
CSS
0 vote315 views1 answer
Symfony modify request
CSS