When mouseup and mousedown occur on different target elements, nothing happens. Therefore, it's probably a bad idea to "depress" buttons down 1px on click. Doesn't matter if you use CSS transform or position.

dabblet.css

/**
 * When mouseup and mousedown occur on different target elements, nothing happens. 
 */

a { display: block; }

a:active {
	transform: translateY(100px);
}

dabblet.html

<p><a href="http://google.com">Blah blah</a></p>

dabblet.js

// alert('Hello world!');

settings.json

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