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 vote148 views2 answers
Center a video horizontally
CSS
0 vote170 views1 answer
Float pb
CSS
1 vote155 views3 answers
Selenium find element by css selector
CSS
1 vote145 views1 answer
Gulp with pm2
CSS
1 vote144 views1 answer
Css table grid
CSS
1 vote150 views1 answer
Align centre
CSS
4 votes205 views2 answers
Transition various properties css
CSS
0 vote150 views1 answer
Sass immediate child
CSS
72 votes215 views6 answers
How to change font size in css
CSS
0 vote156 views1 answer
/* */
CSS