third_party/WebKit/LayoutTests/compositing/invisible-subtree-compositing-and-preserves-3d.html

   1 <!doctype HTML>
   2 <!-- Two composited layers should result: one for the preserve-3d element (since it has a child with a 3D transform,
   3  and one for the translateX element, since its child has preserve-3d. The grandchild element does not get a composited
   4  layer because it is invisible.
   5 -->
   6 <div style="transform: translateX(300px);  width: 300px; height: 300px; background: lightblue">
   7   <div style="transform-style: preserve-3d; width: 200px; height: 200px; background: lightgray">
   8     <div style="transform: rotateX(1deg); visibility: hidden;"></div>
   9   </div>
  10 </div>