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 vote182 views2 answers
Card css
CSS
1 vote161 views1 answer
Image grascale css
CSS
40 votes177 views4 answers
Center on page css
CSS
1 vote174 views1 answer
Css on hover do something to children
CSS
4 votes167 views1 answer
Max css
CSS
7 votes161 views6 answers
Tailwind css cdn
CSS
15 votes172 views2 answers
Npm scss
CSS
-2 votes189 views2 answers
Scss how to declare variable for multiple files
CSS
19 votes167 views3 answers
Css round element
CSS
1 vote193 views1 answer
Css display div horizontally
CSS