CSS3 transform overflow

dabblet.css

/**
 * CSS3 transform overflow
 */
.box {
	width: 130px;
	overflow: scroll;
}
.transform {
	transform: scale(6);
	display: inline-block;
}
.align-right {
	text-align: right;
}
.transform2 {
	transform: scale(25);
	display: inline-block;
}
.transform3 {
	transform-origin: 0 0;
}

dabblet.html

<div class="box">
	<p>1</p>
	<p class="transform">2</p>
	<p>3</p>
	<p>4</p>
</div>

<div class="box align-right">
	<p>1</p>
	<p class="transform">2</p>
	<p>3</p>
	<p>4</p>
</div>

<div class="box align-right">
	<p>1</p>
	<p class="transform2">2</p>
	<p>3</p>
	<p>4</p>
</div>

<div class="box">
	<p>1</p>
	<p class="transform2 transform3">2</p>
	<p>3</p>
	<p>4</p>
</div>

settings.json

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