如何应用转换使用jquery在内联css中全部浏览

Question

我用，

jQuery('.active').css(
           'transform',
           'rotate('+angle+'deg)',
           '-webkit-transform',
           'rotate('+angle+'deg)',
           '-moz-transform',
           'rotate('+angle+'deg)'
); 

但不是其他浏览器中的作品。

任何人都可以帮助我吗？

Answer 1

应该写成这个

jQuery('.active').css({
   'transform': 'rotate('+angle+'deg)',
   '-webkit-transform':'rotate('+angle+'deg)'
   '-moz-transform':'rotate('+angle+'deg)'});

Answer 2

试试这个，

jQuery(".active").css({
 transform: 'rotate('+angle+'deg)',
 MozTransform: 'rotate('+angle+'deg)',
 WebkitTransform: 'rotate('+angle+'deg)'
})

正确的语法是，

.css({
    property : value,
    property1 : value,
    ...
});

<强> Reference

Answer 3

我建议创建一个名为.active的类，然后使用.addClass方法。

但请先查看 DEMO 。

这是jQuery代码

$('.active').css({ 
  'transform': 'rotate(-20deg)', 
  '-webkit-transform': 'rotate(-20deg)', 
  '-moz-transform': 'rotate(-20deg)',
  'margin-top':'5em'
});