src/third_party/WebKit/LayoutTests/compositing/child-transform-with-anchor-point-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       body {
   6           overflow: hidden;
   7       }
   8
   9       #perspective {
  10           -webkit-perspective: 1000px;
  11           position: absolute;
  12           width: 600px;
  13           left: -600px;
  14       }
  15
  16       #transformed {
  17           transform: rotateY(90deg);
  18           -webkit-transform-origin: right;
  19           background: green;
  20           height: 800px;
  21       }
  22
  23       #container {
  24           position: relative;
  25           overflow: hidden;
  26           width: 800px;
  27           height: 600px;
  28       }
  29     </style>
  30   </style>
  31   </head>
  32   <body>
  33     <!-- The green rectangle should be visible. -->
  34     <div id="container">
  35         <div id="perspective">
  36             <div id="transformed"></div>
  37         </div>
  38     </div>
  39   </body>
  40 </html>
  41