reflection-with-rotation.html | Explore in Territory

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <script src="../resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
       function repaintTest()
       {
           document.getElementById("target").firstChild.data = "PASS";
       }
    </script>
    <style type="text/css" media="screen">
      div {
        margin: 50px;
        width: 200px;
        height: 50px;
        border: 1px solid black;
        transform-origin: top left;
        transform: rotate(20deg);
        -webkit-box-reflect: below;
      }
      
      div:hover {
        background-color: orange;
      }
    </style>
</head>
<body onload="runRepaintAndPixelTest();">
    <div id="target">FAIL</div>
</body>
</html>

chromium/third_party/blink/web_tests/paint/invalidation/reflection/reflection-with-rotation.html