JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<div class="wrap">
<div id="triangle-bottomright"> </div>
<div id="triangle-bottomright2"> </div>
</div>

CSS

body{background:#000;}
.wrap{
  margin-top:100px;
  margin-left:40px;
  background:#fff;
  width:600px;
  position:relative;
  transform: rotate(5deg);
}
#triangle-bottomright {
	width: 0;
	height: 0;
	border-top: 70px solid #000; 
	border-left: 600px solid transparent;
}
#triangle-bottomright2 {
  margin-top:100px;
	width: 0;
	height: 0;
	border-bottom: 70px solid #000; 
	border-left: 600px solid transparent;
}