html - 结合 CSS3 变换保持参考系统

Question

使用此 CSS3 转换：

transform: translateX(100px)

一个元素向右移动 100 像素。

有了这个：

transform: rotate(180deg)

元素旋转 180 度。

但如果两者结合：

transform: rotate(180deg) translateX(100px)

元素旋转 180 度并移动到 LEFT。因为转换的参考系统链接到元素而不是网页。有什么方法可以结合变换保持网页的参考系统？

Answer 1

对我来说，改变转换语句的顺序就足够了：

transform: translateX(100px) rotate(180deg)

这样，元素被旋转并且仍然从右侧移动。（铬合金）