src/third_party/WebKit/LayoutTests/compositing/reflections/simple-composited-reflections.html

   1 <!DOCTYPE>
   2
   3 <html>
   4 <head>
   5   <title>Simple composited reflections</title>
   6   <style type="text/css" media="screen">
   7
   8       img {
   9         margin: 20px;
  10       }
  11
  12       .compositing {
  13         transform: translateZ(0);
  14       }
  15
  16       .reflected {
  17         -webkit-box-reflect: below 10px;
  18       }
  19
  20   </style>
  21 </head>
  22 <body>
  23
  24   <p>Testing reflections on directly composited images. Left and right sides should look the same.</p>
  25   <img class="reflected" src="../resources/thiswayup.png" width="184" height="124">
  26   <img class="compositing reflected" src="../resources/thiswayup.png" width="184" height="124">
  27
  28 </body>
  29 </html>