【CSS3】浏览器私有前缀 ( WebKit 内核前缀 -webkit- | Gecko 内核前缀 -moz- | Trident 内核前缀 -ms- | Presto 内核前缀 -o- )

CSS3的浏览器私有前缀用于让某些特定的浏览器（如WebKit内核的浏览器，如Chrome和Safari；Gecko内核的浏览器，如Firefox）支持一些尚未成为标准的CSS3特性。一旦这些特性成为了标准，浏览器厂商会逐渐停止支持私有前缀。

以下是一些常见的CSS3属性的私有前缀示例：

/* WebKit内核浏览器，如Chrome和Safari */
.element {
  -webkit-border-radius: 10px; /* 圆角 */
  -webkit-transform: rotate(30deg); /* 旋转 */
  -webkit-box-shadow: 5px 5px 10px #000; /* 盒子阴影 */
  -webkit-transition: all 0.3s ease; /* 过渡效果 */
}
 
/* Gecko内核浏览器，如Firefox */
.element {
  -moz-border-radius: 10px; /* 圆角 */
  -moz-transform: rotate(30deg); /* 旋转 */
  -moz-box-shadow: 5px 5px 10px #000; /* 盒子阴影 */
  -moz-transition: all 0.3s ease; /* 过渡效果 */
}
 
/* 注意：对于Transition和Animation的私有前缀，还需要一个标准的前缀版本，以及可能的无前缀版本。 */
.element {
  transition: all 0.3s ease; /* 标准语法 */
  transform: rotate(30deg); /* 无前缀语法 */
}

在编写CSS3代码时，应该总是包括标准前缀和私有前缀，以确保最大的兼容性。随着时间的推移，随着标准的推广和浏览器厂商逐步废弃对私有前缀的支持，私有前缀会逐渐不再需要。