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