您的位置:首页 > 其它

box-shadow实现外发光效果

2016-07-08 22:41 267 查看
下边为实现外发光的代码:重点内容

box-shadow:-1px 0 20px #3B3B3B(左边), 1px 0 20px #3B3B3B(右边), 0 -1px 20px #3B3B3B(上边), 0 1px 20px #3B3B3B(下边)

**

用法:

**

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow:水平阴影位置(允许负值)

v-shadow:垂直阴影位置(允许负值)

blur:可选。模糊距离。

spread:可选。阴影的尺寸。

color:可选。阴影的颜色。请参阅 CSS 颜色值。

inset:可选。将外部阴影 (outset) 改为内部阴影。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: