Как сделать разную скорость для разных частей одной анимации?

Question

[Арсений Соколовский]

Есть анимация:

document.getElementById('hi' + iiii).animate(
      [       
        {top: '567px'},
          {left: '1540px'},
          {opacity: 1},
  
         {top: '567px'},
          {left: '909px'},
          {opacity: 1},
  
        { top: '567px'},
          {left: '909px'},
          {opacity: 0}
      ],
      
     8000
  );

У меня не получается сделать так чтобы эта часть анимации:

{top: '567px'},
          {left: '1540px'},
          {opacity: 1},
  
         {top: '567px'},
          {left: '909px'},
          {opacity: 1},

Длилась 7.9 секунд,

а эта:

{ top: '567px'},
          {left: '909px'},
          {opacity: 0}

.1 секунд.
Но только вот в чем проблема, мне надо сделать это не используя setTimeout и SetInterval и сделать это как одна анимация.
Помогите пожалуйста.

Answer 1

[YavaDev]

Comments

[Арсений Соколовский]

Спасибо огромное! Вы меня спасли!