Question

我知道有很多方法可以旋转图像，包括使用CSS3和jquery.i＆尝试过每一个图像。没有这些方法是我的问题的解决方案。实际上，正如我在标题中所提到的，我正在寻找一种方法来旋转我的图像，带来一个很好的缓和效果。我尝试过这样的事情，我知道它不会工作而且没有。

$("document").ready(function() {
    $("#myImage").hover(function(){
        $(this).animate({transform:"rotate(27deg)"},500,'easeInExpo')
        },function(){
        $(this).animate({transform:"rotate(-27deg)"},500,'easeOutExpo')
    })
});

请帮帮我们。我无法找到一个好的答案。

Answer 1

从你的帖子中我读到你试过css但没有成功，这很有效：

#MyImage{
    width: 100px;
    height: 100px;
    background: limegreen;
    transition: transform 0.5s;
}
#MyImage:hover{
    transform: rotate(27deg);
}

<div id="MyImage"> Hi there </div>

And here we have a demo for FF(28) and Chrome

如何使用jquery animate（）函数旋转图像？

1 个答案: