Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / masking / mask-luminance-gradient.html
blob7de9e2ae366b587ddce8a1a629b5073dbf89a9df
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <style>
5 #back {
6 width: 800px;
7 height: 400px;
8 background-color: yellow;
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;
20 </style>
21 </head>
23 <body>
24 <div id="back">
25 <div id="front" />
26 </div>
27 </body>
28 </html>