Untitled

dabblet.css

.test, .test2 {
	font-family: sans-serif;
}
.test2 {
	transform: rotate(0.0001deg);
}
.test:hover {
	transition: all 5s linear;
	transform: translate(20px, 0);
}
.test2:hover {
	transition: all 5s linear;
	transform: translate(20px, 0) rotate(0.0001deg);
}

dabblet.html

<div class="test">
	<h1>Here is some text</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis posuere tempus. Phasellus dignissim orci ut dui consequat quis tempor odio blandit. Nulla facilisi. Ut nunc orci, venenatis at sollicitudin et, gravida consequat arcu. Proin ante nunc, lobortis fermentum convallis in, elementum quis leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium lacinia purus nec gravida. Donec et erat eu diam imperdiet hendrerit. Integer sit amet leo nisi, tristique commodo magna.</p>
</div>

<div class="test2">
	<h1>Here is some text</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis posuere tempus. Phasellus dignissim orci ut dui consequat quis tempor odio blandit. Nulla facilisi. Ut nunc orci, venenatis at sollicitudin et, gravida consequat arcu. Proin ante nunc, lobortis fermentum convallis in, elementum quis leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium lacinia purus nec gravida. Donec et erat eu diam imperdiet hendrerit. Integer sit amet leo nisi, tristique commodo magna.</p>
</div>

settings.json

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