css3中transform多个属性值的使⽤⽅法单个属性时,可以这样使⽤:
transform :rotate(45deg);
多个属性时,⽤空格隔开:
transform: rotate(45deg) scale(2) skew(10deg,5deg) translate(50px,90px);
注意:
1 . 我这只是举例如何添加多个css3属性,并没有考虑兼容性,要查看css3的兼容性可以到
2 . 如果你使⽤的是⼿机端,就不要考虑兼容性了,尽情使⽤css3。
3 . pc上完全兼容的话是在IE10,其它情况建议⾃测,参考以下w3c的说明:
Internet Explorer 10、Firefox、Opera ⽀持 transform 属性。
Internet Explorer 9 ⽀持替代的 -ms-transform 属性(仅适⽤于 2D 转换)。
rotate属性Safari 和 Chrome ⽀持替代的 -webkit-transform 属性(3D 和 2D 转换)。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论