Text Effects with CSS3

CSS3 contains some new features to help you manipulate text.

Text Shadow

In CSS3, the text-shadow property applies shadow to text in a way almost identical to the box-shadow property for block elements. You specify the horizontal and vertical shadow distances and optionally the blur distance and the color of the shadow:

h3 {
text-shadow: 10px 10px 3px #333;
font-size: 26px;
}                 
                 

Word Wrap

If a word is too long to fit within the block element containing it, it overflows beyond its container. In CSS3, you can use the word-wrap property to force the text to wrap, even if has to wrap in the middle of a word:

p {
word-wrap: break-word;
}