Untitled

dabblet.css

.box {
	position: absolute;
	margin-top: 100px;
	margin-left: 50px;
	
	box-shadow: 0px 0px 5px #CCC, inset 0px 0px 10px #EEE;
	font: 14pt arial;
	text-align: center;
	padding-top: 30px;
	
	width: 160px;
	height: 70px;
	
	animation-name: fall;
	animation-duration: 3s;
	animation-timing-function: cubic-bezier(.56,.1,.28,.96);
	animation-delay: 3sec;
	animation-iteration-count: infinite;
}

@keyframes fall {
	0%  { margin-top: 100px; opacity: 0; }
	20% { margin-top: 100px; opacity: 1; transform: rotate(0deg); }
	50% { margin-top: 1000px; transform: rotate(-30deg); }
	100% { margin-top: 1000px; transform: rotate(-30deg); }
}

dabblet.html

<div class="box">
	Hello, world :)
</div>

settings.json

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