blob: 684f4f085af52a04c24e45c6b33a57d21ed12f9e [file] [log] [blame]
commit-queue@webkit.org9b431902013-09-25 13:53:08 +00001<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <style>
5 #back {
6 width: 1000px;
7 height: 600px;
8 background-color: green;
9 }
10 #front {
11 width: 800px;
12 height: 400px;
13 background-color: red;
14 border: 50px solid blue;
15 padding: 50px;
16 -webkit-mask-image: url(resources/circle2.svg);
17 -webkit-mask-source-type: luminance;
18 -webkit-mask-size: 200px auto;
19 -webkit-mask-repeat: repeat;
20 -webkit-mask-origin: border-box;
21 -webkit-mask-clip: border-box;
22 }
23 </style>
24 </head>
25
26 <body>
27 <div id="back">
28 <div id="front" />
29 </div>
30 </body>
31</html>
32