css (font shadow for html)

raninda

hi there,
i'm trying to drop shadow on text using html. but i don't know how. html has for bold, italic, strike, etc, but doesn't have drop shadow.
please help. and i really thankful for the script or any suggestion

just a feeling

Hi Raninda,

Try this,
[HTML]<h4 class="container"> A headline with a drop shadow<span class="text">A headline with a drop shadow</span> </h4>[/HTML]

Style:

Expand|Select|Wrap|Line Numbers

 <style type="text/css">

.container { position: relative; left: 1px; top: 1px; color: #666; }

.text { position: absolute; left: -1px; top: -1px; color: #000;} 

</style>

Shadow

HTH,
Rawan.

drhowarddrfine

There is no method for doing drop shadow in html or css. In CSS3 there is a text-shadow property but, right now, only Safari and Opera implement it.

justafeeling's method is one of two I am aware of.

css (font shadow for html)

Post your reply

Similar topics