Text Effects in CSS3

Lets discuss about text-shadow and word-wrap two new property introduced in CSS3. word-wrap property is supported in all major browsers and text-shadow works in IE10 and other latest browsers.

Text Shadow in CSS3

#header h1{
   text-shadow: 5px 5px 5px #666666;
}

Word Wrapping in CSS3

This property is used to break the word to wrap in the specific area.

p {word-wrap:break-word;}