element-paint-transform-repeated.html (1028B)
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 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>