| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Animating transform on large tiled layer.</title> | 4 <title>Animating transform on large tiled layer.</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 #box { | 6 #box { |
| 7 display: block; | 7 display: block; |
| 8 width: 1000px; | 8 width: 1000px; |
| 9 height: 2000px; | 9 height: 2000px; |
| 10 background-color: green; | 10 background-color: green; |
| 11 transform: translate3d(0, -1000px, 0); |
| 11 } | 12 } |
| 12 | 13 |
| 13 #sandbox { | 14 #sandbox { |
| 14 height: 1000px; | 15 height: 1000px; |
| 15 width: 1000px; | 16 width: 1000px; |
| 16 background-color: red; | 17 background-color: red; |
| 17 overflow: hidden; | 18 overflow: hidden; |
| 18 } | 19 } |
| 19 </style> | 20 </style> |
| 21 <script type="text/javascript"> |
| 22 function run() |
| 23 { |
| 24 if (window.testRunner) { |
| 25 testRunner.useUnfortunateSynchronousResizeMode(); |
| 26 testRunner.waitUntilDone(); |
| 27 window.setTimeout(notifyDone, 1200); |
| 28 } |
| 29 window.resizeTo(1600,1200); |
| 30 } |
| 31 function notifyDone() |
| 32 { |
| 33 testRunner.notifyDone(); |
| 34 } |
| 35 </script> |
| 20 </head> | 36 </head> |
| 21 <script> | 37 <body onload="run()"> |
| 22 window.resizeTo(1600,1200); | 38 <div id=description> |
| 23 </script> | |
| 24 <body> | |
| 25 <div id=description> | |
| 26 The test passes if the box below turns green. | 39 The test passes if the box below turns green. |
| 27 </div> | 40 </div> |
| 28 <div id=sandbox> | 41 <div id=sandbox> |
| 29 <div id="box"><font style="opacity:0">ABC</font></div> | 42 <div id="box"><font style="opacity:0">ABC</font></div> |
| 30 </div> | 43 </div> |
| 31 </body> | 44 </body> |
| 32 </html> | 45 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2232373003:
Fix reference result for compositing/transitions/transform-on-large-layer (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master