Course Technology Cengage Learning New Perspectives on HTML and CSS
Tutorial 8

CSS text-shadow Style

This page demonstrates how to apply the CSS3 text-shadow style. In the form boxes, enter the text color, background color, shadow color, shadow offset in the horizontal and vertical direction, and size of the shadow blur. All distances are expressed in pixels. Press the Tab key to update the appearance of the text shadow in the Preview box. The corresponding CSS3 style rule is displayed in the Style box.

Note that Internet Explorer does not support the text-shadow style.

color (rgb) ( , , )
background-color (rgb) ( , , )
shadow color (rgb) ( , , )
shadow offset x (px)
shadow offset y (px)
shadow blur (px)

Preview

Tree

Style

none