Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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;
}
Comment

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;
}
Comment

PREVIOUS NEXT
Code Example
Css :: flex center 
Css :: highlight table row on hover 
Css :: css check if mobile 
Css :: how to scroll fixed position 
Css :: unselectable css property 
Css :: js click under 
Css :: tablet screen media query 
Css :: mat-progress-bar style without app-theme 
Css :: center absolute 
Css :: removing the unwanted border button css 
Css :: hover button scss 
Css :: remove outline btn 
Css :: trasition opacity 
Css :: align items in span to center 
Css :: how to make image not repeat on background 
Css :: css change color 
Css :: flex max slang meaning 
Css :: css selector for getting disabled input field 
Css :: remove line accordion material ui 
Css :: send mails from lampp form localhost 
Css :: restful url to update status 
Css :: text outline css 
Css :: how to align text verticaly 
Css :: vertically center div inside div 
Css :: add font css 
Css :: div centre 
Css :: equivalent zoom css 
Css :: css feather border 
Css :: wrap a span 
Css :: css text align 
ADD CONTENT
Topic
Content
Source link
Name
4+6 =