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

1 vote174 views1 answer
How to keep background image sticky on top
CSS
1 vote246 views1 answer
Twig block
CSS
0 vote166 views2 answers
Transparent input box
CSS
5 votes195 views3 answers
How to change radio button color
CSS
1 vote188 views1 answer
Css different sreen size
CSS
68 votes192 views6 answers
Css cursor pointer
CSS
18 votes149 views2 answers
Red rgba
CSS
0 vote203 views1 answer
Css anchor fill parent
CSS
2 votes178 views1 answer
Transform:translateX()
CSS
0 vote189 views1 answer
How to draw rhombus in css
CSS