Question

我正在寻找一种同时旋转和翻转图像的方法。我用这个：翻转：

$('.images').css({
'-webkit-transform' : 'scaleX(-1)',
'-o-transform' : 'scaleX(-1)',
'-webkit-transform' : 'scaleX(-1)',
'transform' : 'scaleX(-1)',
'filter':'FlipH'});

旋转：

$('.images').css({
'-webkit-transform' : 'rotate('+-ui.value+'deg)',
'-o-transform' : 'rotate('+-ui.value+'deg)',
'-moz-transform' : 'rotate('+-ui.value+'deg)',
'-ms-transform' : 'rotate('+-ui.value+'deg)',                           
'transform' :'rotate('+-ui.value+'deg)'      

             });

我希望在旋转时保持图像翻转，有人可以帮助，谢谢大家。

Answer 1

只需将它们组合起来

$('.images').css({
        '-webkit-transform' : 'rotate('+-ui.value +'deg)' + 'scaleX(-1)',
        '-o-transform' : 'rotate('+-ui.value +'deg)' + 'scaleX(-1)',
        '-moz-transform' : 'rotate('+-ui.value +'deg)' + 'scaleX(-1)',
        '-ms-transform' : 'rotate('+-ui.value +'deg)' + 'scaleX(-1)',                           
        'transform' :'rotate('+-ui.value +'deg)' + 'scaleX(-1)'     
});

Jquery，翻转旋转图像

1 个答案: