text-shadow: 2px 2px 5px #888888;
这是实现文本投影最基本的代码。在这个例子里,大家创建了一个2px的偏移量和5px的模糊区域。#888888是文本投影的颜色。大家也可以使用RGBA颜色来添加透明度。
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
这个例子里,大家将文本投影的颜色设置为黑色,同时添加了50%的透明度。这样子做的好处是可以让文本更加容易阅读。
除了设置基本的阴影效果,CSS3还支持多重投影效果。看下面的代码:
text-shadow: 2px 2px 5px #888888, -2px -2px 5px #FFFFFF;
在这个例子里,大家创建了两个文本投影。第一个文本投影向右下和右下偏移2px,并有5px的模糊区域和灰色的颜色。第二个文本投影向左上和左上偏移2px,并有5px的模糊区域和白色的颜色。这样子做的好处是可以让文本看起来非常立体。
CSS3文本投影还支持更加高级的特性,比如纵向阴影、投影的形状等等。通过深入学习CSS3文本投影的各种属性,可以让大家创建出非常出色的样式效果。