-webkit-box-shadow

-webkit-box-shadow 是一个 CSS 属性，用于为元素添加盒阴影效果。它是 WebKit 浏览器引擎（如 Chrome 和 Safari）特有的前缀。

你可以使用 -webkit-box-shadow 属性来设置阴影的样式、颜色和位置。它的语法如下：

-webkit-box-shadow: h-shadow v-shadow blur spread color;

其中各个值的含义如下：

- h-shadow：水平方向上的阴影偏移量，可以为负值。
- v-shadow：垂直方向上的阴影偏移量，可以为负值。
- blur：模糊半径，用于控制阴影的模糊程度，可以为0。
- spread：阴影的扩展半径，可以为负值。
- color：阴影的颜色。

例如，要为一个元素添加一个水平偏移量为 2px、垂直偏移量为 2px、模糊半径为 4px、颜色为红色的阴影，可以这样写：

-webkit-box-shadow: 2px 2px 4px red;

需要注意的是，由于 -webkit-box-shadow 是 WebKit 浏览器特有的前缀，其他浏览器可能不支持该属性。所以在使用时，最好同时添加标准的 box-shadow 属性，以确保兼容性。