| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 .box { | 6 .box { |
| 7 height: 100px; | 7 height: 100px; |
| 8 width: 100px; | 8 width: 100px; |
| 9 margin: 10px; | 9 margin: 10px; |
| 10 background-color: blue; | 10 background-color: blue; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 results.innerText = window.getComputedStyle(document.getElementById('box1'
)).webkitTransformStyle + '\n'; | 22 results.innerText = window.getComputedStyle(document.getElementById('box1'
)).webkitTransformStyle + '\n'; |
| 23 results.innerText += window.getComputedStyle(document.getElementById('box2
')).webkitTransformStyle + '\n'; | 23 results.innerText += window.getComputedStyle(document.getElementById('box2
')).webkitTransformStyle + '\n'; |
| 24 | 24 |
| 25 if (window.testRunner) | 25 if (window.testRunner) |
| 26 results.innerText += window.internals.layerTreeAsText(document); | 26 results.innerText += window.internals.layerTreeAsText(document); |
| 27 } | 27 } |
| 28 window.addEventListener('load', dumpResults, false); | 28 window.addEventListener('load', dumpResults, false); |
| 29 </script> | 29 </script> |
| 30 </head> | 30 </head> |
| 31 <body> | 31 <body> |
| 32 <div class="box" id="box1" style="-webkit-transform: translateZ(1px); -webkit-tr
ansform-style: preserve-3d"></div> | 32 <div class="box" id="box1" style="transform: translateZ(1px); -webkit-transform-
style: preserve-3d"></div> |
| 33 <div class="box" id="box2" style="-webkit-transform: translateZ(1px); -webkit-tr
ansform-style: preserve-3d; overflow: hidden"></div> | 33 <div class="box" id="box2" style="transform: translateZ(1px); -webkit-transform-
style: preserve-3d; overflow: hidden"></div> |
| 34 <pre id="layers">Layer tree goes here in DRT</pre> | 34 <pre id="layers">Layer tree goes here in DRT</pre> |
| 35 </body> | 35 </body> |
| 36 </html> | 36 </html> |
| OLD | NEW |