src/third_party/WebKit/LayoutTests/css3/filters/composited-reflected.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     .container {
   7         height: 240px;
   8         width: 300px;
   9         border: 1px solid black;
  10         -webkit-box-reflect: below 10px;
  11     }
  12     .box {
  13         margin: 10px;
  14         height: 100px;
  15         width: 200px;
  16         -webkit-filter: sepia(1);
  17         transform: translateZ(1px); /* Use composited filters */
  18         -webkit-box-reflect: below 10px;
  19     }
  20
  21   </style>
  22   <script type="text/javascript">
  23     if (window.testRunner) {
  24         testRunner.dumpAsTextWithPixelResults();
  25     }
  26   </script>
  27 </head>
  28 <body>
  29
  30 <div class="container">
  31     <div class="sepia box">
  32         <img src="resources/reference.png">
  33     </div>
  34 </div>
  35
  36 </body>
  37 </html>