third_party/WebKit/LayoutTests/fast/backgrounds/background-clip-text.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <title>Text clip</title>
   7   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   8
   9   <style type="text/css">
  10
  11     div {
  12       width: 500px;
  13       height: 200px;
  14       font-size: 64px;
  15       background: red;
  16       border: 1px solid black;
  17       -webkit-background-clip: text;
  18       color: green;
  19     }
  20   </style>
  21 </head>
  22 <body>
  23 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=25829">https://bugs.webkit.org/show_bug.cgi?id=25829</a><br>
  24   You should see no areas of read below. (This paragraph is required for the test to be valid.)
  25 </p>
  26 <div>This background clips to the text.</div>
  27 </body>
  28
  29 </html>