/**
 * The first commented line is your dabblet’s title
 */



html, body {
min-height: 100%;
}
.box {
color: #fff;
width: 50px;
background: linear-gradient(90deg, #f06, yellow) #f06;
border-radius: 6px 6px 6px 0;
position: relative;
}
.tail-wrap {
	position: absolute;
	top: 100%;
	width: 100%;
	transform: rotate(70deg);
	transform-origin: 0 0;
	clip: rect(-1000px,10px,auto,auto);
}
.tail {
	background: linear-gradient(90deg, #f06, yellow) #f06;
	height: 20px;
	transform: rotate(-70deg);
	transform-origin: 0 0;
}