|
1 <!-- |
|
2 Any copyright is dedicated to the Public Domain. |
|
3 http://creativecommons.org/licenses/publicdomain/ |
|
4 |
|
5 Test a repeated background with some transform. |
|
6 The transform scales up which causes blurring, so |
|
7 we use an SVG filter to get rid of it. |
|
8 --> |
|
9 <html> |
|
10 <body style="filter:url(#thresholdAt128)"> |
|
11 <div style="width:80px; height:80px; border: 1px solid black; |
|
12 background: 7px 7px -moz-element(#d); |
|
13 -moz-transform:matrix(2,0,0,2,50,50);"> |
|
14 </div> |
|
15 <div style="overflow:hidden; height:0;"> |
|
16 <div id="d" style="border:10px solid white; width:20px; height:20px; |
|
17 background:black;"></div> |
|
18 </div> |
|
19 |
|
20 <svg> |
|
21 <filter id="thresholdAt128" color-interpolation-filters="sRGB"> |
|
22 <feComponentTransfer> |
|
23 <feFuncR type="linear" slope="255" intercept="-128"/> |
|
24 <feFuncG type="linear" slope="255" intercept="-128"/> |
|
25 <feFuncB type="linear" slope="255" intercept="-128"/> |
|
26 </feComponentTransfer> |
|
27 </filter> |
|
28 </svg> |
|
29 </body> |
|
30 </html> |