<!DOCTYPE html>
<html>
<script>
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
}
</script>
<body style="overflow:hidden">
<div style="-webkit-transform-origin: 0 0; transform:translateZ(0) translate(50px,50px) scale(1.5); background: green; width:30em; height:8em;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)))">
<div style="-webkit-transform-origin: 0 0; transform:translateZ(0) scale(1.5);">
<!-- Use short lines of text to avoid accumulating error -->
Text on<br/>
a scaled<br/>
composited<br/>
layer<br/>
</div>
</div>
</body>
</html>