Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!--
2 Any copyright is dedicated to the Public Domain.
3 http://creativecommons.org/licenses/publicdomain/
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>
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>