Untitled

dabblet.css

.cena {
	-webkit-perspective: 100px;
	-webkit-perspective-origin: 60px 0;
}

.add {
	width: 120px;
	border: 1px solid #bbb;
	background: #eee;
	padding: 10px;
	font-size: 1.2em;
	transition: -webkit-transform 1.2s ease;
	-webkit-transform: rotateX(0deg);
	-webkit-transform-style: preserve-3d;
}

.add:hover {
	-webkit-transform: rotateX(180deg);
}

dabblet.html

<div class=cena>
	<input type=button value=Adicionar class=add>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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