third_party/WebKit/LayoutTests/paint/invalidation/spv2/clip-path-constant-repaint.html

   1 <!-- Based on fast/repaint/clip-path-constant-repaint.html -->
   2 <!DOCTYPE html>
   3 <html>
   4 <head>
   5 <script src="resources/paint-invalidation-test.js"></script>
   6 <script type="text/javascript">
   7 window.onload = function() {
   8     runPaintInvalidationTest();
   9 };
  10
  11 window.expectedPaintInvalidationObjects = [
  12 ];
  13 function paintInvalidationTest() {
  14     document.getElementById('clip').style.transform = 'translateY(100px)';
  15 }
  16 </script>
  17 <style>
  18 #clip {
  19   width: 100%;
  20   height: 300px;
  21   position: fixed;
  22   background-color: rgba(255, 0, 0, 0.9);
  23   -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 83%);
  24   -webkit-backface-visibility: hidden;
  25 }
  26 </style>
  27 </head>
  28 <body>
  29   <div id="clip"></div>
  30 </body>
  31 </html>