simple-composited-reflections.html | Explore in Territory

<!DOCTYPE>

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

      img {
        margin: 20px;
      }

      .compositing {
        will-change: transform;
      }

      .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>

chromium/third_party/blink/web_tests/compositing/reflections/simple-composited-reflections.html