third_party/WebKit/LayoutTests/css3/masking/mask-luminance-gradient.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3     <head>
   4         <style>
   5             #back {
   6                 width: 800px;
   7                 height: 400px;
   8                 background-color: yellow;
   9             }
  10             #front {
  11                 width: 600px;
  12                 height: 200px;
  13                 background-color: green;
  14                 border: 50px solid blue;
  15                 padding: 50px;
  16                 -webkit-mask-image: linear-gradient(45deg, white, black);
  17                 mask-source-type: luminance;
  18                 -webkit-mask-size: 200px auto;
  19             }
  20         </style>
  21     </head>
  22
  23     <body>
  24         <div id="back">
  25             <div id="front" />
  26         </div>
  27             </body>
  28 </html>
  29