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 vote303 views1 answer
Tar xz
CSS
0 vote280 views1 answer
Linux copy directory permissions to another directory
CSS
1 vote266 views2 answers
Css input border radius focus
CSS
0 vote284 views1 answer
Use flex in container with multiple components
CSS
46 votes256 views6 answers
Css background image size to fit screen
CSS
0 vote257 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote283 views1 answer
Textbreak for long text
CSS
0 vote343 views2 answers
Create react app tailwind css with yarn
CSS
2 votes272 views1 answer
Size carousel bootstrap 4
CSS
70 votes276 views4 answers
Css vertical align center
CSS