css3 text-shadow文字阴影

在前面的文章里面我们讨论了关于css3图层阴影 box-shadow来实现图层阴影的效果,今天我们来共同学习一下如何实现文字阴影的效果,将用到css3的另外一个属性text-shadow,这两个效果分别增强了图层和文字的质感,创建立体效果。

语法:

text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
text-shadow:X轴上的位移(正负皆可),Y轴上的位移(正负皆可),阴影的宽度,阴影的颜色值

未完,继续阅读

css3 RGBA

RGBA是代表Red(红色)、Green(绿色)、Blue(蓝色)和Alpha(通道)。RGB值被指定使用3个8位无符号整数(0-255)来表示。alpha通道一般用作不透明度参数。当alpha数值为0时,那它就是完全透明;而数值为1时,则是完全不透明;当数值为0到1之间时,刚是半透明状态。如下例子: 未完,继续阅读