Как повернуть изображение с помощью функции jquery animate ()?

Question

Как повернуть изображение с помощью функции jquery animate ()?

0

Я знаю, что есть много способов повернуть изображение, включая использование CSS3 и jquery.i've попробовал каждый из них. ни один из этих способов не был решением моей проблемы. Фактически, как я упоминал в названии, я ищу способ повернуть мои изображения с хорошим ослаблением или эффектом. И я пробовал что-то вроде этого, и я знал, что он выиграл Не работай, а нет.

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

Пожалуйста, помогите мне, ребята. Я не нашел хорошего ответа.

Amir 31 март 2014, в 20:04

Источник

Теги:

jquery

1 ответ

Ещё вопросы

Martijn · Answer 1 · 2014-03-31T14-31-00.000Z

С вашего поста я читал, что вы пробовали css без успеха, это работает:

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

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

И здесь у нас есть демо для FF (28) и Chrome

Вот для чего «пометка как ответ»;)