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

20 votes339 views3 answers
Center align div vertically and horizontally css
CSS
0 vote291 views1 answer
Style jQuery draggable clone
CSS
0 vote315 views1 answer
Add css class c#
CSS
0 vote303 views1 answer
Rust get current date
CSS
1 vote334 views2 answers
Center nav bar css
CSS
0 vote316 views1 answer
For...of...loop and NodeLists
CSS
6 votes326 views1 answer
Flex change order
CSS
0 vote378 views1 answer
How to disable li points
CSS
23 votes345 views5 answers
How to rotate image in css
CSS
5 votes295 views3 answers
Css glow effect
CSS