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 轉換)。

相關文章
相關標籤/搜索