<!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>