Меньше зацикливания массивов для ключевых кадров анимации - PullRequest
Новая
       11

Меньше зацикливания массивов для ключевых кадров анимации

0 голосов
/ 20 октября 2018

Попытка создать миксин для анимации на основе%.

У меня есть набор координат, которые будут использоваться в миксине, которые я пытаюсь объявить как массив: 

@ballAnimation0: 
  (0%, 3, 3),
  (50%, 10, 1),
  (65%, 12, 12),
  (75%, 22, 19),
  (88%, 16, 15),
  (92%, 21, 15),
  (95%, 19, 16),
  (100%, 18, 35);

Я подготавливаю функцию для обработки остановок анимации: 

.moveBall(@percent, @left, @top) {
  @{percent} {
    transform: translate(@left * 5, @top * 5);
  };
};

Затем у меня есть функция, которая пытается создать @keyframes, который я вызываю: 

.for(@list, @code) {
 .loop(@i:1) when (@i =< length(@list)) {
    @value: extract(@list, @i);
    @code();
    .loop(@i + 1);
  }
  .loop()
}

.keyframes(@name, @rules) {
  @keyframes @name {
    .for(@rules, .moveBall(@{value}));
  }
}

.keyframes(ballAnimation0, @ballAnimation0);

I 'Я абсолютно осознаю, что мой массив совершенно не подходит для начинающих, однако я понятия не имею, как это сделать.Спасибо!

...