|
1 <?xml version="1.0"?> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
3 <head> |
|
4 <title>border</title> |
|
5 <style type="text/css"> |
|
6 |
|
7 body { |
|
8 filter: url('../filters.svg#NonWhiteToBlack'); |
|
9 } |
|
10 |
|
11 body > div { |
|
12 /* filter doesn't change alpha */ |
|
13 background: white; |
|
14 } |
|
15 |
|
16 div.test { |
|
17 width: 154px; |
|
18 height: 142px; |
|
19 border-radius: 72px; |
|
20 background: black; |
|
21 } |
|
22 |
|
23 </style> |
|
24 </head> |
|
25 <body> |
|
26 <div> |
|
27 <div class="test"></div> |
|
28 </div> |
|
29 <svg xmlns="http://www.w3.org/2000/svg" |
|
30 xmlns:xlink="http://www.w3.org/1999/xlink" |
|
31 version="1.1"> |
|
32 <!-- use an empty g to force filters.svg to load before onload --> |
|
33 <use xlink:href="../filters.svg#empty" /> |
|
34 </svg> |
|
35 </body> |
|
36 </html> |