Поверните div на кнопку нажмите JQuery

0

Попытка анимации div когда пользователь нажимает на определенную кнопку в пользовательском интерфейсе. Это просто простая анимация. Ниже мой код. Все работает отлично, за исключением этой строки

transform:"rotate(260deg)"

Я использую Google Chrome, и я знаю, что это должно быть -webkit но это вызывает ошибку в коде.

    $("#anim2").on("click", function(){
            console.log("anim2");
            b1.animate({
                left:"250px",
                height:"20px",
                width:"20px",
                opacity:"0.5",
                transform:"rotate(260deg)"
    });
});

Любые идеи, как я могу настроить его, чтобы он работал?

Теги:
rotation
jquery-animate

1 ответ

1

Не уверен, что это может подключиться к вашему javascript, но на: hover этот процесс CSS должен сделать трюк для ротации в Chrome...

transform:rotate(deg);
-webkit-transform:rotate(260deg);

Но вы можете создать класс CSS, который устанавливает эти правила, и вызывать этот класс.on('click') в вашем jQuery.

  • 0
    Вы также можете попробовать использовать: active в вашем CSS, чтобы получить ощущение «щелчка» при запуске этого процесса.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню