JSFiddle - React, Tailwind, and code Playground

by Mikhail miha8722

HTML

<div id="orange"></div>

CSS

#orange {
	width: 100px;
	height: 100px;
	background: #FF6A00;
	position: relative;
}
 
#orange:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;    
	border-bottom: 29px solid #FF6A00;
	border-right: 30px solid #F3F5F6 ;
	width: 70px;
	height: 0;
}
 
#orange:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;    
	border-right: 30px solid #eee;
	width: 70px;
	height: 0;
}