Pro HTML5 and CSS3 Design Patterns

CHAPTER 10 ■ STYLING TEXT

Text Shadow

HTML

<h1 class="shadow">Text Shadow</h1>

<p class="shadow">Text Shadow applies to all text in a block.

This design pattern does not apply to inline elements in Internet Explorer 6.

This design pattern does not work in Opera 9, Firefox 2,

and other Mozilla Browsers</p>

CSS All Browsers

.shadow { text-shadow:#999999 5px 5px 5px; }

CSS Internet Explorer 6

.shadow { filter:shadow(color=#999999, direction=135, strength=4); zoom:1; }