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

3 votes210 views2 answers
Css sass
CSS
9 votes237 views3 answers
Bootstrap blue outline button
CSS Bootstrap
-1 vote187 views2 answers
Animation fade in css
CSS
0 vote210 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
0 vote237 views2 answers
Désactiver le hotlinking de vos images
CSS
1 vote208 views1 answer
Display in flexbox
CSS
59 votes215 views4 answers
Rgb blue color code
CSS
1 vote254 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
3 votes224 views1 answer
Css transition visibility
CSS
45 votes206 views6 answers
How to remove background color in css
CSS