CSS3常用属性浏览器兼容前缀

2018-06-24 02:01:42来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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效果);

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:计算机应用第七次作业 html制作个人音乐播放站点

下一篇:学习笔记 第四章 设计网页文本