Course Technology Cengage Learning New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 4

Text Shadows

To add text shadows to a string of text, apply the following text-shadow style:

text-shadow: color offsetX offsetY blur;

where color sets the shadow color, offsetX and offsetY set the offset of the shadow in the horizontal and vertical directions, and blur defines the blurring of the shadow.

Use the web form below to generate the CSS code for applying the text-shadow style to the sample text. You can insert multiple text shadows by clicking the [+] box. You can remove text shadows by clicking the [-] box. The corresponding CSS code appears below the sample text.

Text Shadow Styles


01
01
01
-30px30px
-30px30px
  0px30px
Text Shadow
color: rgb(255, 128, 0); background-color: rgb(255, 255, 155); text-shadow: rgb(0, 0, 0) 3px 3px 6px;