Child

CSS3 Text-shadow


« Previous Next Chapter »

A Text Effect is a such term which is used to implement some extra features in normal text. It is used to extend the text features as viewing and layout purpose.

Following are the two properties of Text Effects:

  • text-shadow
  • word-wrap


Text-shadow:

is a such properties of Text Effects, which is used to make the shadow of the text, We can change the shadow color also.

Example:

Webkit Tutorial

Here is the code:

h1
{
text-shadow: 15px 5px 5px #3c3c3b;
color:#fe7801;
font-size:24px;
}

Word-wrap:

is a such properties of Text Effects, which is used to break the wrapped text in one line. It means whenever we get difficulty to break the line of sentence we can generally use this css3 properties

This is the example of Word wraaaaaaaaaaaaaaaaaaaaaaaaaaaa
This is the example of Word wraaaaaaaaaaaa aaaaaaaaaaaaaaaa

Here is the code:

p
{
word-wrap:break-word;
}