| <!DOCTYPE html> |
| |
| <div style="z-index: 1; position: absolute"></div> |
| <div style="z-index: 0; perspective: 1000px; position: absolute;"> |
| <div style="position: absolute; width: 200px; height: 200px; background-color: darkBlue; transform: translate3d(0px, 74px, 200px);"> |
| </div> |
| </div> |
| <script> |
| // Tests that a squashed layer that is the child of an element with perspective on it uses that element as its transform ancestor. |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document)); |
| } |
| </script> |