third_party/WebKit/LayoutTests/compositing/reflections/backface-hidden-reflection.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6
   7     .container {
   8       height: 100px;
   9       width:100px;
  10       background-color: green;
  11     }
  12
  13     .reflected {
  14       height: 100px;
  15       width: 100px;
  16       background-color: red;
  17       transform: rotate3d(0, 1, 0, 180deg);
  18       -webkit-box-reflect: below;
  19       -webkit-backface-visibility: hidden;
  20     }
  21   </style>
  22 </head>
  23 <body>
  24   <!-- In the pixel results, a single green square should be visible. -->
  25   <div class="container">
  26     <div class="reflected">
  27     </div>
  28   </div>
  29 </body>
  30 </html>