Untitled

dabblet.css

 /**
 * rwd animation
 * from 320x480 to 1800x1000 in 14s
 */

div {
	border: 5px solid #333;
	border-width: 5px 5px 10px 5px;
	border-radius: 10px;
	width: 32px;
	height: 48px;
	position: relative;
	animation-name: rwd;
	animation-duration: 14s;
	animation-iteration-count: 10;
	animation-timing-function: ease-in;
}


@keyframes rwd {
	0% {}
	10% {width: 48px; height: 32px; border-width: 5px 10px 5px 5px}
	30% {width: 72px; height: 96px; border-width: 5px 5px 15px 5px}
	50% {width: 96px; height: 72px; border-width: 5px 15px 5px 5px}
	70% {width: 120px; height: 80px; border-width: 5px 5px 15px 5px}
	90% {width: 180px; height: 100px; border-width: 5px 5px 20px 5px}
}

dabblet.html

<div></div>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}