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 vote153 views3 answers
Scroll elementleft using js
CSS
17 votes135 views2 answers
Css horizontal linear gradient
CSS
0 vote129 views1 answer
Css grid exercise
CSS
0 vote144 views1 answer
Ion-img border radius
CSS
0 vote141 views1 answer
Break table for printing
CSS
4 votes132 views1 answer
Plasma state of matter
CSS
12 votes136 views5 answers
Responsive font size
CSS
2 votes140 views1 answer
Css rounded corners at top only
CSS
0 vote123 views1 answer
Responsive font size with clamp
CSS
0 vote148 views1 answer
@font-face
CSS