summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/compositing/text-on-scaled-surface.html
blob: e48b486b358fe25aa989aeeef6f4a15cec898af0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>