JSFiddle - React, Tailwind, and code Playground

by marko4286

HTML

<div class="rectangle">
	<div class="triangle"></div>
</div>

CSS

.triangle {
	width: 0;
	height: 0;
	border-bottom: 100px solid red;
	border-right: 100px solid transparent;
	transform: rotate(-28deg);
	-ms-transform: rotate(-28deg);
	-webkit-transform: rotate(-135deg);
    position:absolute;
    top:30px;
    left:60px;
}

.rectangle{
     width:100px;
     height:140px;
     border:1px solid #000;
     background:blue;
}