How to use CSS3 text shadow property ?

CSS3 introduces two new text properties-
1. text-shadow
2. word-wrap
text-shadow: This property gives designers and css coders a tool to give multiple text effects. Earlier which could only be done by giving effects to an image. There are various advantages of this property.Browser support: text shadow property is supported by all modern browsers except IE9.
```
     p{
     	font-family:Verdana, Geneva, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#006600;
		text-align:justify;
		text-shadow: 4px 4px 7px #009900;
  	   }
```
WELCOME
TO
WWW.PHPMIND.COM
word-wrap: This property helps us to split the words in the middle if it is too long and cross the borders of the parent element.Browser support: word-wrap property is supported by all modern browsers
```
     div{
     	 background:#EFEFEF;
         border: 1px solid #999999;
         color: #333333;
         padding: 10px;
         width: 200px;
         word-wrap: break-word;
  	 }
```
This word is very longgggggggggggggggggggggggggggggggggggggggggggggggggg to fit in a div. We can break it by using word-wrap property.

Leave a Reply