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 vote141 views1 answer
How to get on the top of the page
CSS
0 vote137 views2 answers
Html overflow scroll only if needed with exemple
CSS
2 votes201 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
19 votes134 views6 answers
Css font family
CSS
0 vote145 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
0 vote147 views1 answer
Tail block css
CSS
1 vote141 views1 answer
Css background rainbow
CSS
15 votes143 views2 answers
Background-image: url opacity
CSS
6 votes139 views2 answers
Linear gradient syntax
CSS
50 votes145 views4 answers
Truncate text css
CSS