- 2D转换可以采用综合写法,例如:
transform: translate(200px, 50px) rotate(60deg) scale(1.5);
- 其顺序会影响转换的效果,例如
translate(200px, 50px) rotate(60deg) scale(1.5)
和
rotate(60deg) translate(200px, 50px) scale(1.5)
最终的效果是不同的。 - 同时有位移和其它属性的时候,要将位移放在最前面。
示例:
开始展示:
鼠标放上去:
transform: translate(200px, 50px) rotate(60deg) scale(1.5);
translate(200px, 50px) rotate(60deg) scale(1.5)
和rotate(60deg) translate(200px, 50px) scale(1.5)
最终的效果是不同的。示例:
开始展示:
鼠标放上去: