src/third_party/WebKit/LayoutTests/fast/repaint/background-clip-text.html

   1 <html>
   2 <head>
   3   <style type="text/css">
   4     #shadowBox {
   5       -webkit-background-clip: text;
   6       -webkit-box-shadow: 0 100px #f00;
   7       width: 100px; height: 100px;
   8     }
   9     #greenBox {
  10       font-size: 100px;
  11       background-color: #0f0;
  12       width: 100px; height: 100px;
  13     }
  14   </style>
  15 </head>
  16 <body>
  17
  18 <!-- Try select/deselect the space in the green box below. You should not see red. -->
  19 <div id="shadowBox"></div>
  20 <div id="greenBox" >&nbsp;</div>
  21
  22 <script type="text/javascript">
  23     if (window.testRunner) {
  24         testRunner.dumpAsTextWithPixelResults();
  25         testRunner.testRepaint();
  26     }
  27 </script>
  28
  29 </body>
  30 </html>