transform order test

dabblet.css

/* transform order test */
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}
div {
	width: 100px;
	height: 100px;
	background: red;
	border-radius: 10% 50% / 50% 10%;
	transition: .5s;
}
#fora {
	transform: rotate(0deg) translateX(100px);
}

#dentro {
	transform: translate(100px) rotate(0deg);
}

body:hover #fora {
	transform: rotate(45deg) translateX(100px);
}

body:hover #dentro {
	transform: translateX(100px) rotate(45deg);
}

dabblet.html

<div id="fora"></div>
<div id="dentro"></div>

dabblet.js

// alert('Hello world!');

settings.json

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