为什么CSS3部分属性需要带前缀

在CSS3标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分。当标准确立后，各大浏览器将逐步支持不带前缀的css3新属性

CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。

目前已有很多私有前缀可以不写了，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法，逐渐过渡。

使用CSS3加前缀示例（早期写法）

.box {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

这些是为了兼容老版本的写法。
一旦官方正式宣布支持这个CSS样式，就可以去掉前缀，被所有的主流浏览器使用了，比如border-radius，现在不加前缀也可以使用。

常用浏览器CSS3前缀写法