单个属性时,能够这样使用: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 转换)。