1、检测网站https://gsnedders.html5.org/outliner/
2、查询是否支持前缀http://caniuse.com
3、border-radius\box-shadow\opacity这几个一般前缀-webkit-和-moz-基本就可以了
eg: -webkit-border-radius:xxxx;
-moz-border-radius:xxxx;
4、text-shadow不需要加前缀。IE10+支持，其他基本支持
5、text-overflow只需加前缀-o-，也可以不加
6、text-stroke文本描边、text-fill-color文本填充，试验阶段基本不使用，加前缀-webkit-
7、liner-gradient加前缀-webkit-\-moz-，radial-gradient
8、border-image:ul() slice/width/outer round;加前缀-webkit-\-moz-\-o-
9、transform: translate(x,y) scale(放大倍数) rotate(旋转角度) skew(倾斜deg);加前缀-webkit-\-moz-\-o-\-ms-
10、transform-origin:left top;//或者xy值加前缀-webkit-\-moz-\-o-\-ms-
11、transform:translate3d(x,y,z) scale3d(x,y,z) rotate3d(x,y,z,a) perspective(长度值);或者 transform:translateZ(z) scaleZ(z) rotateX(a) rotateY(a) rotateZ(a) perspective(长度值);要配合属性transform-style:perspective-3d/flat(2d效果);
CSS3常用属性浏览器兼容前缀
原文地址：http://www.cnblogs.com/songfeifei/p/7850830.html