| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Animating transform on large tiled layer.</title> |
| <style type="text/css"> |
| #box { |
| width: 1000px; |
| height: 1000px; |
| background-color: green; |
| } |
| </style> |
| <script type="text/javascript"> |
| function run() |
| { |
| if (window.testRunner) { |
| testRunner.useUnfortunateSynchronousResizeMode(); |
| testRunner.waitUntilDone(); |
| window.setTimeout(notifyDone, 1200); |
| } |
| window.resizeTo(1600,1200); |
| } |
| function notifyDone() |
| { |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| <body onload="run()"> |
| <div id=description> |
| The test passes if the box below turns green. |
| </div> |
| <div id="box"><font style="opacity:0">ABC</font></div> |
| </body> |
| </html> |