Revert use of SVG <mask> elements for -webkit-mask-image (r176798, r177494, r186180)
[WebKit-https.git] / LayoutTests / css3 / masking / mask-repeat-space-padding.html
1 <!DOCTYPE html>
2 <html lang="en">
3     <head>
4         <style>
5             #back {
6                 width: 600px;
7                 height: 500px;
8                 background-color: green;
9             }
10             #front {
11                 width: 400px;
12                 height: 300px;
13                 background-color: red;
14                 border: 50px solid blue;
15                 padding: 50px;
16                 -webkit-mask-image: url("resources/circle.png");
17                 -webkit-mask-size: 100px;
18                 -webkit-mask-repeat: space;
19                 -webkit-mask-origin: padding-box;
20                 -webkit-mask-position: 150px 150px; /* This should be igonored because of repeat: space */
21                 -webkit-mask-clip: padding-box;
22             }
23         </style>
24     </head>
25
26     <body>
27         <div id="back">
28             <div id="front" />
29         </div>
30     </body>
31 </html>
32