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 vote262 views2 answers
Fix materialize form label not working
CSS
0 vote225 views1 answer
@fontface otf
CSS
0 vote228 views1 answer
Width height samsung note 20 screen
CSS
4 votes209 views4 answers
Css max lines
CSS
0 vote208 views1 answer
Siteorigin hide row
CSS
0 vote238 views1 answer
Circle with 4 colors css
CSS
1 vote212 views1 answer
Css how to dynamically put div in front of another
CSS
72 votes244 views6 answers
Position absolute center
CSS
0 vote276 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
0 vote251 views1 answer
Swiper center slides but not first slide
CSS