CSS 滤镜——Shadow滤镜

Shadow 滤镜

Shadow 滤镜

语法

{filter:shadow(color=color,direction=direction)}

利用“Shadow”属性可以在指定的方向建立物体的投影，COLOR是投影色，DIRECTION是设置投影的方向。其中0度代表垂直向上，然后每45度为一个单位。它的默认值是向左的270度。

效果如下：

CSS滤镜实现

代码

效果拷屏

欢迎光临

＜td

style=filter:shadow

(color=red, direction=45＞

＜b＞欢迎光临＜/b＞＜/td＞

天极

＜td

style=filter:shadow

(color=blue,direction=180＞

＜b＞天极＜/b＞＜/td＞

设计在线

＜td

style=filter:shadow

(color=gray, direction=225＞

＜b＞设计在线＜/b＞＜/td＞