src/third_party/WebKit/LayoutTests/compositing/ancestor-painted-layer-should-appear.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 body {
   4   transform: translateZ(0);
   5 }
   6 #overlapper {
   7   width: 400px;
   8   height: 400px;
   9   left: 200px;
  10   background: gray;
  11   position: absolute;
  12   transform: translateZ(0);
  13 }
  14
  15 #container {
  16   -webkit-perspective: 1400px;
  17   position: absolute;
  18   width: 180px;
  19   height: 180px;
  20   background: papayawhip;
  21 }
  22
  23 #composited {
  24   width: 100px;
  25   height: 100px;
  26   background: green;
  27   position: absolute;
  28   transform: translateZ(10px);
  29 }
  30
  31 #squashed {
  32   position: absolute;
  33   left: 200px;
  34   width: 50px;
  35   height: 50px;
  36   background: blue;
  37 }
  38 </style>
  39 <div id="overlapper"></div>
  40 <div id="container">
  41   <div id="composited"></div>
  42 </div>
  43 <div id="squashed"></div>
  44