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

23 votes146 views5 answers
Linear gradient border
CSS
2 votes273 views2 answers
Remove input styling
CSS
8 votes143 views1 answer
How to get my div to centre
CSS
0 vote129 views1 answer
Css media two conditions
CSS
0 vote164 views1 answer
Flex box divs squeeze together
CSS
6 votes154 views3 answers
How to snap the scroll is css
CSS
2 votes137 views1 answer
Css last element with class name
CSS
0 vote130 views1 answer
Vertical align h1 inside div
CSS
0 vote152 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
-1 vote150 views1 answer
How to use a blank space with grid template areas css
CSS