Гринсок timelinemax шаги не гладкие - PullRequest
Новая
       5

Гринсок timelinemax шаги не гладкие

0 голосов
/ 17 января 2019

Я должен сделать переход пути клипа на разных шагах. Однако цепочка to методов в greensock не дает нужной плавности, так как она замораживается на несколько миллисекунд между стилями. Вот мой код: 

const box = document.getElementById('box')

this.timeline = new TimelineMax({})
  .to(box, 0, { clipPath: 'polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%)' })
  .to(box, 1, { clipPath: 'polygon(20% 0%, 20% 0%, 0% 100%, 0% 100%, 0% 100%, 0% 0%)' })
  .to(box, 1, { clipPath: 'polygon(40% 0%, 40% 0%, 20% 100%, 20% 100%, 0% 100%, 0% 0%)' })
  .to(box, 1, { clipPath: 'polygon(100% 0%, 100% 0%, 80% 100%, 80% 100%, 0% 100%, 0% 0%)' })
...