The text-shadow property allows you to apply single and multiple drop shadows to text objects. For more information, see the W3C website.
Specify the following parameters for the text-shadow property:
Color: Color of the shadow.
Offset: Position of the shadow with respect to the object. The X-offset specifies the horizontal distance. Negative values place the shadow to the left of the text. The Y-offset specifies the vertical distance. Negative values place the shadow to the bottom of the text.
Blur-radius (Optional): Creates an authentic feel for the shadow.
The text-shadow property has the following format:
text-shadow: [x-offset] [y-offset] [blur radius] [color];
Example: text-shadow: 2px 2px 4px #066;
You can apply the text-shadow property more than once to the same object. In this case, the CSS panel displays only the first instance of the property although both instances are applied.
Example: text-shadow: 2px 2px 4px #000, -2px -4px 4px #099;
To apply Text-shadow using the CSS Styles panel, do the following:
- In the Show Only Set Properties View of the CSS Styles panel, click Add Property.
- Select text-shadow from the menu.
- Click the “+” icon.
- Enter values for X-Offset, Y-Offset, Blur Radius, and Color. For color, you can use the color palette to choose a color.
