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

8 votes195 views2 answers
Background image no repeat fill
CSS
2 votes202 views1 answer
Large input box bootstrap 4
CSS
0 vote326 views1 answer
Video camera icon font awesome
CSS
0 vote196 views1 answer
Bootstrap modal overflow
CSS
0 vote190 views2 answers
Css prevent scrolling behind overlay
CSS
3 votes189 views2 answers
Align an entire second row center css grid
CSS
5 votes150 views2 answers
Animate left to right css
CSS
0 vote191 views1 answer
Media queries css wit logical operators
CSS
0 vote201 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
0 vote237 views1 answer
Linux remove latst 3 files
CSS