结合CSS3变换保持参考系统

Question

使用CSS3转换：

transform: translateX(100px)

元素向右移动100像素。

有了这个：

transform: rotate(180deg)

元素旋转180度。

但如果两者结合在一起：

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

元素旋转180度并移动到左边。因为变换的参考系统链接到元素而不是网页。有没有办法组合变换保持网页的参考系统？

Answer 1

对我来说，这足以改变转换语句的顺序：

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

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