JSFiddle - React, Tailwind, and code Playground

by Ed Bulikyan

HTML

<div class="border"></div>

CSS

.border {
	width: 100px;
	height: 100px;
	border-style: solid;
	border-width: 15px 15px 15px 30px;
	border-color: #000 #000 transparent #f00;
	position: relative;
}

.border:before {
	position: absolute;
	content: "";
	width: 30px;
	left: -30px;
	top: -15px;
	bottom: -15px;
	background-color: #f00;
}