CSS3属性box-shadow使用指南

前端  /  管理员 发布于 8年前   403

今天比较忙，没能好好看新东西，就记录一个常用的CSS3属性吧：box-shadow，表示阴影，如果设置了border-radius圆角，则阴影也是圆角

box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。

语法：

Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#

取值：

inset: 表示阴影在边框内部（即使是无边框），在背景之上，内容之下；

offset-x 和 offset-y: 偏移量，正值表示向左和向下；

blur-radius: 模糊半径，默认0，不能为负值；

spread-radius: 取正值阴影扩大，取负值缩小，默认为0.

color: 颜色，所未定义则由浏览器确定。