background-clip-text.html | Explore in Territory

<html>
<head>
  <style type="text/css">
    #shadowBox {
      -webkit-background-clip: text;
      -webkit-box-shadow: 0 100px #f00;
      width: 100px; height: 100px;
    }
    #greenBox {
      font-size: 100px;
      background-color: #0f0;
      width: 100px; height: 100px;
    }
  </style> 
</head>
<body>

<!-- Try select/deselect the space in the green box below. You should not see red. -->
<div id="shadowBox"></div>
<div id="greenBox" >&nbsp;</div>
</body>
</html>

chromium/third_party/blink/web_tests/paint/invalidation/clip/background-clip-text.html