<!DOCTYPE>

<html>
<head>
  <title>Simple composited reflections</title>
  <style type="text/css" media="screen">

      img {
        margin: 20px;
      }

      .compositing {
        -webkit-transform: translateZ(0);
      }

      .reflected {
        -webkit-box-reflect: below 10px;
      }

  </style>
</head>
<body>

  <p>Testing reflections on directly composited images. Left and right sides should look the same.</p>
  <img class="reflected" src="../resources/thiswayup.png" width="184" height="124">
  <img class="compositing reflected" src="../resources/thiswayup.png" width="184" height="124">

</body>
</html>