By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,199 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

css (font shadow for html)

P: 1
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
Jan 25 '08 #1
Share this Question
Share on Google+
2 Replies

just a feeling
P: 87
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]

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. .container { position: relative; left: 1px; top: 1px; color: #666; }
  3. .text { position: absolute; left: -1px; top: -1px; color: #000;} 
  4. </style>

Jan 25 '08 #2

Expert 5K+
P: 7,435
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.
Jan 25 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.