是的,首先执行的操作是最右边的操作,即在此
operation2之前完成
operation1。
该MDN文章确实指出:
变换函数从左到右依次相乘,这意味着 从右到左依次有效地应用了复合变换 。
例子1
这里缩放完成 第一 ,和 随后 的100像素的垂直平移(如果译第一次做,缩放会使得500px的翻译!)
#container { position: absolute; transform: translate(0,100px) scale(5); transform-origin: 0 0; }<div id="container"><img src="https://i.stack.imgur.com/xb47Y.jpg"></img></div>例子2
在这里 先 完成翻译, 然后 进行缩放(缩放 后再 进行翻译,看起来就像500px的翻译!)
#container { position: absolute; transform: scale(5) translate(0,100px); transform-origin: 0 0; }<div id="container"><img src="https://i.stack.imgur.com/xb47Y.jpg"></img></div>


