It could be easy and quick to create shadow text for any html-page element with this CSS text-shadow generator.
| Block example | |
| Code: { filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true); text-shadow:1px 1px 1px 1px rgba(0,0,0,1); -webkit-text-shadow:1px 1px 1px 1px rgba(0,0,0,1); -moz-text-shadow:1px 1px 1px 1px rgba(0,0,0,1); } | |
| px | |
| px | |
| px | |
| px | |
This generator creates CSS code, which will needed apply to the right element with shadow text effect. There are some properties when you create text shadows:
When you use shadows text, don't forget that, in some cases, this property will expand element's borders, result in scrollbar may appeared or page may shifted.
  The properties text-shadow, -webkit-text-shadow  и -moz-text-shadow have next syntax:
  Property: none | <shadow1> [,<shadow2>]*
  where:
| An example of application the CSS text-shadow online generator | 
|  |