css - 如何使用 CSS 旋转 + 翻转元素

Question

transform 属性可以让你旋转或翻转，但你怎么能同时做这两项呢？假设我想将一个元素旋转 90 度并水平翻转它？两者都是用相同的属性完成的，所以后者会覆盖前者。为方便起见，这里有一个 fiddle 示例:

http://jsfiddle.net/DtNh6/

transform: rotate(90deg);
transform: scaleX(-1);

Answer 1

我摆弄了 jsfiddle，这很有效:

$('#photo').css('transform', 'rotate(90deg) scaleX(-1)');

将其与您的问题联系起来，生成的 CSS 看起来像

transform: rotate(90deg) scaleX(-1);