CSS阴影生成
效果预览
生成的CSS代码
box-shadow: 2px 2px 5px #333333;
-moz-box-shadow: 2px 2px 5px #333333;
-webkit-box-shadow: 2px 2px 5px #333333;阴影参数设置
工具介绍
CSS盒子阴影效果在线调试工具提供在线调试并预览css3 Box Shadow效果的功能，能够实时生成对应的css3效果代码，方便开发者快速获取所需样式。
CSS3 box-shadow 属性
| 值 | 描述 |
|---|---|
| h-shadow | 必需的。水平阴影的位置。允许负值 |
| v-shadow | 必需的。垂直阴影的位置。允许负值 |
| blur | 可选。模糊距离 |
| spread | 可选。阴影的大小 |
| color | 可选。阴影的颜色 |
| inset | 可选。从外层阴影改为内侧阴影 |
浏览器兼容性
- 标准语法：
box-shadow: 2px 2px 5px #333333 - Firefox 浏览器：
-moz-box-shadow: 2px 2px 5px #333333 - Safari 和 Chrome 浏览器：
-webkit-box-shadow: 2px 2px 5px #333333 - 所有现代浏览器均已支持标准的 box-shadow 属性
评论（可选）：