jquery - 如何在 jQuery 中实现旋转动画？

Question

我用这个动画了一些 CSS 样式:

$(".left").animate({
    left: '300px',
    width: '300px',
    height: '300px',
    top: '25px'
}, 1000,'easeInOutQuint', function() {
});

我试图添加一个 transform 属性，但它似乎不起作用。任何解决方案？ Fiddle

Answer 1

您需要为转换属性添加引号，例如:

$(".left").animate({
    '-webkit-transform': 'rotate(180deg)',
    '-moz-transform': 'rotate(180deg)',
    '-ms-transform': 'rotate(180deg)',
    '-o-transform': 'rotate(180deg)',
    'transform': 'rotate(180deg)'
});

编辑:我对此进行了测试，发现它不起作用。显然 jQuery 不支持“动画”功能中的 CSS3 标签。除非其他人有更好的主意，否则您可能需要一个插件。