| <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>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;">Text with two shadows: first drawn and second empty (undrawn).</div> |
| <div style="text-shadow: 10px 10px blue;">Text with two shadows: first empty (undrawn) and second drawn.</div> |
| <div>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="color: 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="color: blue; text-shadow: 7px 7px blue;">Transparent text with two shadows: first drawn and second empty.</div> |
| <div style="color: blue; text-shadow: 10px 10px blue;">Transparent text with two shadows: first drawn and second empty.</div> |
| <div style="color: blue; position: relative;"><div style="position: absolute; left: 0px; top: 0px;">Transparent text with two empty shadows.</div><div style="position: absolute; left: 0px; top: 0px;">Transparent text with two empty shadows.</div></div> |
| </div> |
