1

Допустим есть некий элемент, нужно заанимировать 2 свойства, но с разной скоростью и одновременно.

Анимирование конечно же методом .animate()

P.S Не пишите что-то вроде этого $(this).animate().animate(); т.к происходит задержка как при callback функции в методе

P.S Нужно менять еще цвет, а с цветом происходят проблемы, он просто не анимируется если прописать свойство queue:false, либо анимируется ну уж очень странно (да я использую библиотеку jqueryui, без него нельзя делать анимации с цветом)

3
  • А использование опции queue здесь не поможет? Это если на JS. Может, в вашем случае и на CSS3 можно сделать эти анимации.
    – Heidel
    7 апр 2016 в 7:14
  • не там должен делать скрипт а не css
    – MaximPro
    7 апр 2016 в 7:17
  • Тогда пробуйте через queue: false типа как здесь forum.jquery.com/topic/…
    – Heidel
    7 апр 2016 в 7:19

1 ответ 1

2

Используйте queue: false для старта анимации вне очереди. Пример с http://api.jquery.com/animate/

$( "#go" ).click(function() {
  $( "#block" )
    .animate({
      width: "90%"
    }, {
      queue: false,
      duration: 3000
    })
    .animate({ fontSize: "24px" }, 1500 )
    .animate({ borderRightWidth: "15px" }, 1500 );
});
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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