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=值（字符串）;