Untitled

dabblet.css

body {	background: #f66; }

.throttled, .again {
	background: linear-gradient(45deg, #f66, yellow);
	height: 100px;
	width: 400px;
	animation: 1s skew infinite;
}

.again {
	animation: 1s skeew infinite;
}

@-webkit-keyframes skew {
	10%   {
		-webkit-transform: matrix(1, 0, 0.28, 1,  14, 0);
	}
	20%  {
		-webkit-transform: matrix(1, 0, -0.20, 1,  -10, 0);
	}
	30%  {
		-webkit-transform: matrix(1, 0, 0.14, 1,  7, 0);
	}
	45%  {
		-webkit-transform: matrix(1, 0, -0.10, 1,  -5, 0);
	}
	67%  {
		-webkit-transform: matrix(1, 0, 0.071, 1,  3.5, 0);
	}
	100% {
		-webkit-transform: matrix(1, 0, 0.0, 1,  0, 0);
	}
}

@-webkit-keyframes skeew {
	33%   {
		-webkit-transform: matrix(1, 0, 0.5, 1,  25, 0);
	}
	67%  {
		-webkit-transform: matrix(1, 0, -0.5, 1,  -25, 0);
	}
}

dabblet.html

<div class="throttled"></div>
<div class="again"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}