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

在本文中，我们将发现 CSS 中 ‘webkit-box-shadow’ 和 ‘box-shadow’ 之间的区别。

Webkit-box-shadow： CSS 中的 webkit-box-shadow 属性用于应用 box-shadow。 webkit-box-shadow 是针对 Google Chrome 和 Safari 等 WebKit 浏览器的浏览器特定实现。

• 句法：

  webkit-box-shadow: h-offset v-offset blur;

• 优点：如果我们使用 -webkit-box-shadow 旧版本的浏览器支持它。

Box-shadow： CSS 中的 box-shadow 属性用于应用 box-shadow。 box-shadow 是 CSS 标准实现。

• 句法：

  box-shadow: h-offset v-offset blur;

• 优点：如果我们使用 box-shadow 最新版本的浏览器支持。

box-shadow 和 -webkit-box-shadow 属性之间存在一些差异，如下所示：

Box-shadow	Webkit-box-shadow
The box-shadow is the CSS standard implementation.	While the webkit-box-shadow is a browser-specific implementation for WebKit Browsers like Google Chrome and Safari.
The box-shadow property is for the latest versions.	Whereas the webkit-box-shadow property is used for older versions.

例子：

HTML

  

    

  

    

        
GeeksforGeeks
        
box-shadow
  
    

  

输出：