CSS3 Box Shadow（盒子阴影）效果在线调试工具
2px
2px
5px
工具介绍
CSS盒子阴影效果在线调试工具提供在线调试并预览css3 Box Shadow效果的工具。具有实时调试并显示预览效果的功能，同时能够实时生成对应的css3效果代码。
CSS3 box-shadow 属性
|
值 |
描述 |
|---|---|
|
h-shadow |
必需的。水平阴影的位置。允许负值 |
|
v-shadow |
必需的。垂直阴影的位置。允许负值 |
|
blur |
可选。模糊距离 |
|
spread |
可选。阴影的大小 |
|
color |
可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 |
|
inset |
可选。从外层的阴影(开始时)改变阴影内侧阴影 |
说明
- box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色
- Firefox支持Box Shadow(阴影)：-moz-box-shadow:2px 2px 5px #333333
- webkit内核的Safari和Chrome支持Box Shadow(阴影)：-webkit-box-shadow:2px 2px 5px #333333
- Opera支持Box Shadow(阴影)：box-shadow:2px 2px 5px #333333
- IE不支持Box Shadow(盒子阴影)