主页 / 问题 / 584019
Accepted
Bim Bam
Asked:2020-10-28 23:34:15 +0000 UTC2020-10-28 23:34:15 +0000 UTC

为什么 .animate({"transform" : "rotate(20deg)" 不起作用？

  • 772

有一张图片是绝对定位的，我想在点击某个元素的时候用一个rotate来旋转它。但是，不知为何，对代码一点反应都没有，一切都死了

$(".red").click(function(){

        $(".elipse-style").animate({
            "-webkit-transform": "rotate(20deg)",
            "-moz-transform": "rotate(20deg)",
            "transform": "rotate(20deg)" 
        })

});

究竟是什么问题？

javascript

1 个回答

  1. Best Answer

    jQuery 不知道如何为非数字属性设置动画。但总的来说，你可以制作动画，这是有技巧的。这是一个很好的例子：http: //jsfiddle.net/ryleyb/ERRmd/。

    $(…).animate({  textIndent: 0 /* или любое другое не очень-то нужное здесь свойство */ }, {
    step: function(now, fx) {
      $(this).css('-webkit-transform','rotate(' + now + 'deg)');
    },
    duration: 'slow'
}, 'linear');

    当然，尽管使用 CSS 过渡效果更好，但它会更容易且更高效。

    • 2

相关问题