1

Есть картинка, которая абсолютно позиционирована, хочу при клике на элемент повернуть её ротейтом. Но, почему-то, никакой реакции на код вообще нет, всё стоит замертво

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

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

});

В чём собственно проблема ?

1
  • 1
    Используй css transition.
    – Qwertiy
    28 окт 2016 в 15:44

1 ответ 1

2

JQuery не умеет анимировать не-числовые свойства. Но вообще анимировать можно, есть трюк. Вот хороший пример: http://jsfiddle.net/ryleyb/ERRmd/.

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

Хотя, конечно, лучше воспользоваться CSS transition, будет проще и производительнее.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.