// css clip
<div id="triangle"></div>
#triangle {
background-color: #003BDE;
clip-path: polygon(50% 0, 100% 100%, 0 100%);
width: 100px;
height: 100px;
}
.triangle{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid red;
border-width:100px;
}
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 |