單個屬性時,能夠這樣使用: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 轉換)。