Your browser does not support the CSS3 text-shadow property. You can still use this tool to generate the CSS3 rule, but you won' be able to see the results. <div class="error_msg">Please enable Javascript to use this page.
</div> Text Shadow Explained The CSS3 text-shadow property is one of the most popular techniques of progressively enhancing the design of a website.

The text-shadow property is really simple to use. It takes four values: the first value defines the distance of the shadow in the x (horizontal) direction, the second value sets the distance in the y (vertical) direction, the third value defines the blur of the shadow and the last value sets the colour. Supporting Browsers At the time of writing the following browsers support the CSS3 text-shadow property: