Untitled

dabblet.css

.btn{
	position: relative;
	width: 100px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 150px auto;
	background: #58a;
}
.btn:before,
.btn:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	display: block;	
	width: 0;
	height: 0;
}
.btn:before{
	border: 10px solid transparent;  	
	border-right-color: red;	
	left: -10px;	
	bottom: -10px;
}
.btn:after{
	border: 15px solid transparent;  		
	border-left-color: #58a;	
	border-bottom-color: #58a;
	top: 0;
	right: -30px;
}

dabblet.html

<div class="btn">button</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}