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 |