CSS 中 '-webkit-box-shadow' 和 'box-shadow' 的区别



最近我开始在这里学习css,我开始了解

box-shadow 

属性,然后我了解了另一个属性

-webkit-box-shadow:

以及

-moz-box-shadow:

它也曾经给阴影加阴影。我就是无法区分它们。有人能帮我确切地了解这些性质吗?

提前感谢帮助者。

它们都应用框阴影。然而,-webkit-box-shadow-moz-box-shadow分别专用于Webkit(例如Safari)和Mozilla浏览器。

作为CSS3属性,它们被用作box shadow的特定于供应商的实现,直到它得到广泛支持。

box-shadow是CSS3标准实现,而其他2个是WebKit浏览器(例如Chrome)或Gecko浏览器(例如FireFox)的特定于浏览器(或者更确切地说是特定于引擎)的实现

它们本质上都是一样的。然而,这是每个浏览器都可以选择的,因为它们并不是都通过选择框阴影属性来排列

关于陷阱和优点的完整文章:供应商特定属性

最新更新