css3阴影属性box-shadow

日期：2013-11-26  来源：攀枝花惠康网络公司

查看一个box-shadow(暗影)演示：http://www.css88.com/tool/css3Preview/Box-Shadow.html

演示参照：http://westciv.com/tools/index.html

css3暗影属性box-shadow的一些注重点:

• 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(暗影)；
• 统一个元素可以使用多个暗影，box-shadow:2px 2px 5px #333333,box-shadow:-2px -8px 5px #333333;；
• js中可以使用：obj.style.webkitBoxShadow=值（字符串）;obj.style.MozBoxShadow=值（字符串）;obj.style.boxShadow=值（字符串）;