third_party/WebKit/LayoutTests/compositing/squashing/squashing-inside-perspective.html

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