css3中 transform 多个属性值的使用方法

单个属性时,能够这样使用:css

transform :rotate(45deg);css3

多个属性时,用空格隔开:web

transform: rotate(45deg)  scale(2)  skew(10deg,5deg)  translate(50px,90px);orm

 

注意:get

1 . 我这只是举例如何添加多个css3属性,并无考虑兼容性,要查看css3的兼容性能够到it

    can I use( https://caniuse.com/#search=transform)查看。form

2 . 若是你使用的是手机端,就不要考虑兼容性了,尽情使用css3。兼容性

3 . pc上彻底兼容的话是在IE10,其它状况建议自测,参考如下w3c的说明:transform

Internet Explorer 十、Firefox、Opera 支持 transform 属性。webkit

Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。

Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。

相关文章
相关标签/搜索