Transitioning via translate (uses sub-pixel == smoother)

dabblet.css

.test, .test2 {
	width: 200px;
	height: 200px;
	background: green;
	border-radius: 500px;
	position: relative;
	transition: all 2s linear;
}
.test2:hover {
	transform: translate(20px, 0);
}
.test:hover {
	left: 20px;
}

dabblet.html

<div class="test"></div>
<div class="test2"></div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"css"}