blob: 891b6db1c3ec913ce10e277bba9602c1da047175 [file] [log] [blame]
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-5" />
<p>This tests that text drawn with text-shadows of radius 0 and (0, 0) offset are not drawn.</p>
<p>In the following tests, the actual text is green while the shadows are blue.</p>
<div style="color: green;">
<div style="text-shadow: 5px 5px blue;">Text with a single shadow.</div>
<div style="text-shadow: 0px 0px blue;">Text with one empty (undrawn) shadow.</div>
<div style="text-shadow: 5px 5px blue, 10px 10px blue;">Text with two shadows</div>
<div style="text-shadow: 5px 5px blue, 0px 0px blue;">Text with two shadows: first drawn and second empty (undrawn).</div>
<div style="text-shadow: 0px 0px blue, 10px 10px blue;">Text with two shadows: first empty (undrawn) and second drawn.</div>
<div style="text-shadow: 0px 0px blue, 0px 0px blue;">Text with two empty (undrawn) shadows.</div>
</div>
<div style="color: transparent;">
<div style="text-shadow: 5px 5px blue;">Transparent text with a single shadow.</div>
<div style="text-shadow: 0px 0px blue;">Transparent text with one empty shadow.</div>
<div style="text-shadow: 5px 5px blue, 10px 10px blue;">Transparent text with two shadows</div>
<div style="text-shadow: 7px 7px blue, 0px 0px blue;">Transparent text with two shadows: first drawn and second empty.</div>
<div style="text-shadow: 0px 0px blue, 10px 10px blue;">Transparent text with two shadows: first drawn and second empty.</div>
<div style="text-shadow: 0px 0px blue, 0px 0px blue;">Transparent text with two empty shadows.</div>
</div>