【CSS】以 -webkit- 前缀开头的私有属性

WebKit

WebKit 是一个开源的浏览器引擎，最早由苹果公司开发并用于其 Safari 浏览器。后来，Google Chrome 浏览器也采用了 WebKit 引擎作为其基础，并进行了修改和优化。因此，WebKit 浏览器可以指代使用了 WebKit 引擎的浏览器，包括 Safari 和旧版的 Google Chrome。

然而，自从 Chrome 28 版本开始，Google 将其浏览器切换到了 Blink 引擎，这是一个基于 WebKit 引擎的分支。因此，目前的 Google Chrome 浏览器使用的是 Blink 引擎而不是纯粹的 WebKit 引擎。而 Chromium 浏览器、Opera 浏览器和新版的 Microsoft Edge 浏览器也采用了 Blink 引擎。

综上所述，WebKit 浏览器可以指代旧版的 Chrome、Safari 浏览器以及其他基于 WebKit 引擎的浏览器。而现代的 Chrome、Opera 和 Microsoft Edge 则使用 Blink 引擎。

以 -webkit- 前缀开头的私有属性的兼容性

-webkit- 是用于 WebKit 浏览器（如 Safari 和旧版的 Chrome）的前缀。在过去，旧版的 Microsoft Edge 浏览器基于旧版的 EdgeHTML 引擎，不支持 -webkit- 前缀的私有属性。但是，自从 Microsoft Edge 将其浏览器切换到了基于 Chromium 的新版本后，新版的 Microsoft Edge 使用的是 Blink 引擎，与 Chrome 类似，并且可以支持一些之前针对 WebKit 浏览器设计的私有属性。

在新版的 Microsoft Edge 浏览器中，可能对某些旧版 WebKit 浏览器的私有属性进行了兼容，使其在新版 Edge 中生效。

在现代的 Chrome 和新版的 Microsoft Edge 浏览器中，一些以 -webkit- 前缀开头的私有属性可能会进行兼容，以确保对一些旧版 WebKit 浏览器的样式规则的支持。以下是一些常见的以 -webkit- 前缀开头的私有属性，它们可能在这两个浏览器中生效：

• -webkit-transition: 控制元素过渡效果的属性。
• -webkit-transform: 控制元素变换效果的属性，如旋转、缩放、倾斜等。
• -webkit-box-shadow: 控制元素阴影效果的属性。
• -webkit-appearance: 控制表单元素外观的属性。
• -webkit-backface-visibility: 控制元素背面可见性的属性。
• -webkit-overflow-scrolling: 控制元素在滚动时的滚动方式的属性。

需要注意的是，虽然这些属性在 Chrome 和新版的 Microsoft Edge 中可能生效，但它们仍然被视为私有属性，并不在 CSS 规范中定义。因此，为了确保最佳的浏览器兼容性，建议尽量避免使用以 -webkit- 前缀开头的私有属性，并尽量使用标准的 CSS 属性。