CSS3經常使用屬性瀏覽器兼容前綴

一、檢測網站https://gsnedders.html5.org/o...
二、查詢是否支持前綴http://caniuse.com
三、border-radiusbox-shadowopacity這幾個通常前綴-webkit-和-moz-基本就能夠了
　eg:　-webkit-border-radius:xxxx;
　     　-moz-border-radius:xxxx;
四、text-shadow不須要加前綴。IE10+支持，其餘基本支持
五、text-overflow只需加前綴-o-，也能夠不加
六、text-stroke文本描邊、text-fill-color文本填充，試驗階段基本不使用，加前綴-webkit-
七、liner-gradient加前綴-webkit--moz-，radial-gradient
八、border-image:ul() slice/width/outer round;加前綴-webkit--moz--o-
九、transform: translate(x,y) scale(放大倍數) rotate(旋轉角度) skew(傾斜deg);加前綴-webkit--moz--o--ms-
十、transform-origin:left top;//或者xy值加前綴-webkit--moz--o--ms-
十一、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效果);
轉載於猿2048:➯《CSS3經常使用屬性瀏覽器兼容前綴》