transform::skew effect

dabblet.css

/**
 * transform::skew effect 
**/
.ani-border-width{
	position: relative;
	margin: 50px;
	width:200px;
	height: 200px;
	background-color: steelblue;
	line-height: 200px;
	text-align: center;
	font-size: 28px;
	display: block;
	-webkit-animation: myAnimation 1s infinite alternate;
}

@-webkit-keyframes myAnimation{
	from { -webkit-transform: skew(45deg, 45deg) }
	to { -webkit-transform: skew(-45deg, -45deg) }
}

dabblet.html

<div class="ani-border-width">hi</div>

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"1","page":"all"}