不错的作为参考的网站:
1、IE,Firefox,Chrome都可用的阴影效果(是box的阴影)
前面两行是FF,Chrome用的,后面是IE专用
2、支持IE,firefox的CSS文字浮雕效果;css文字白色阴影
<body style="background:#CCC;">
<div style="filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);text-shadow: 0 1px 0 #ffffff;">pc175 电脑一起玩,支持IE,firefox的CSS文字浮雕效果;css文字白色阴影</span>
</div>
兼容性
据 MDC 的文档, 支持 text-shadow 的浏览器有 Firefox 3.5, Chrome 2.0, Opera 9.5, Safari 4.0, 其中 Safari 是老早就可以的,但直到 4.0 才支持多重阴影。另外 Opera mini 也能显示,但比较弱,阴影不能模糊。
阴影文字和发光文字
一个最简单的阴影文字是如下这样写的,其中 1px 2px 代表阴影相对于文字向右下方向偏移了 1px 2px, 可以为负值;5px 代表阴影的模糊半径,取值越大,阴影越扩散看不见。最后是阴影颜色。这样的阴影适合字号比较大的文字。
text-shadow: 1px 2px 5px #888;
text-shadow: 0 0 10px #fd8;
浮雕文字
浮雕文字效果在 Mac OS X 和 iPhone 中随处可见,由于阴影半径很小,一般是 0 或 1px, 所以也适合小号的文本。在使用上一般遵循这个原则:深色文字浅色背景,用白阴影,浅色文字深色背景,用黑阴影。
text-shadow: 0 1px 0 #eee; 凹进效果
text-shadow: 0 -1px 0 #123; 凹进效果
text-shadow: 0 -1px 1px #eee; 凸出效果
text-shadow: 0 1px 1px #123; 凸出效果 - http://fis.io/
多重阴影
在上面所列的新版浏览器中都已经支持多重阴影,可以达到一些特殊的效果,不过注意,如果文字和背景颜色接近,IE 下就杯具了。
text-shadow: 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000;
text-shadow: 1px 1px 5px #08c, 1px 1px 0 #68a;
text-shadow: -2px 0 1px #db6, 2px 0 1px #6bd;
text-shadow: -1px -1px 0 #ccc, -1px -1px 3px #ccc, 1px 1px 0 #444, 1px 1px 3px #444;
text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;
鼠标悬停切换
让鼠标悬停的时候改变状态是个不错的主意,有很强的互动的感觉。阅读器中可能看不到效果。另外,在 Firefox, Chrome, Safari 中能看到整个按钮也有阴影,这是另一个应用于块模型的阴影属性,写法和 text-shadow 一样,但需要写两条:-moz-box-shadow 和 -webkit-box-shadow.
半透明阴影颜色
有时候需要做的阴影不想它模糊半径太大,又不能太黑,于是从黑色改为灰色──问题来了,灰色的阴影在深色背景上很难看。
text-shadow: 1px 2px 3px #888; 杯具了
这时候要用到 rgba 颜色,在红绿蓝之外还有第四个值 alpha 通道,取值在 0~1 之间。下面的阴影是黑色,但是半透明了。半透明阴影的适应性明显更强,在模糊半径很小的时候,也能透出底下的背景色来。
text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
2021年5月11日 16:45
I went to this website, and I believe that you have a plenty of excellent information, I have saved your site to my bookmarks. 123movies that works
2021年6月01日 15:33
Judi casino online terbaik. Dapatkan untung yang besar dan bersiap menjadi milyarder hanya di SlotJawara.org. Situs judi online 24 jam terpercaya - agen judi bola online terpercaya deposit pulsa. Terbesar di Indonesia. Segera kunjungi kami.
2021年7月20日 20:16
I’m excited to uncover this page. I need to to thank you for ones time for this particularly fantastic read !! I definitely really liked every part of it and i also have you saved to fav to look at new information in your site.
2021年8月16日 19:10
A person's popular music is definitely astounding. You may have quite a few pretty good music artists. I actually need you actually the perfect with being successful.
2021年8月22日 20:17
Absolutely fantastic posting! Lots of useful information and inspiration, both of which we all need!Relay appreciate your work.
2021年9月04日 21:25
Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks. soaptoday
2021年9月08日 15:27
Kami memiliki Data SYD terpercaya yang kami kumpulkan dari sumber terpercaya. Anda yang ingin melakukan betting dengan tepat dan akurat untuk menjamin kemenangan judi online Anda, segera kunjungi website kami, Layanan4D.com Data SYD yang kami berikan akan menolong anda melakukan analisa dan prediksi dengan tepat dan benar. Kami juga hanya merekomendasikan situs judi online terpercaya yang terbukti membayar agar withdraw judi online Anda bisa segera Anda uangkan. Segera kunjungi website kami Layanan4D.com
2021年9月11日 00:15
Its as if you had a great grasp on the subject matter, but you forgot to include your readers. Perhaps you should think about this from more than one angle.
2021年9月11日 15:43
Your content is nothing short of brilliant in many ways. I think this is engaging and eye-opening material. Thank you so much for caring about your content and your readers. https://docs.google.com/spreadsheets/d/1ntiogcbDulo3Vl9Htd7Jl9Xy-2kUp7-F33vbQ4q67Uc/edit#gid=409280497
2021年9月12日 19:19
I admire what you have done here. I like the part where you say you are doing this to give back but I would assume by all the comments that this is working for you as well. circularbladesaw
2021年9月14日 19:58
My brother recommended I may like this web site. He was entirely right. This publish actually made my day. You can not consider just how so much time I had spent for this information! Thank you!
2021年9月15日 17:49
Thanks for every other informative site. The place else may just I get that kind of information written in such an ideal means? I have a venture that I’m just now operating on, and I have been on the look out for such information. แอพคาสิโน
2021年9月22日 00:08
Superior post, keep up with this exceptional work. It's nice to know that this topic is being also covered on this web site so cheers for taking the time to discuss this! Thanks again and again! buy views
2021年9月28日 23:27
This is monster, yet head towards as shown by a general viewpoint snap this head backlink: เค้าไพ่บาคาร่า sa
2021年9月30日 21:05
It is unassumingly imaginatively bewildering, everything contemplated gander at the data with this handle. บาคาร่า เล่นยังไง
2021年10月06日 00:16
I was surfing the Internet for information and came across your blog. I am impressed by the information you have on this blog. It shows how well you understand this subject. PG SLOT
2021年10月10日 22:31
If you set out to make me think today; mission accomplished! I really like your writing style and how you express your ideas. Thank you. North American Bancard ISO Program
2022年3月25日 00:39
I'm the one who wants to be with you, deep inside I hope you feel it too. To be with you.