Как зациклить анимацию?

Question

[Макар Герасимов]

В общем есть квадрат, по его контуру необходимо перемещать стрелку (меняя ее положение в пространстве). Я не нашел способа как реализовать все в одном кейфрейме, поэтому разделил на семь этапов. Все отлично срабатывает, вот только повтор цикла последовательного запуска анимации не происходит :(

Резкие рывки специально предусмотрены:
codepen.io/anon/pen/KNZOdO

Answer 1

[Сергей Сунцев]

У тебя сейчас 7 анимаций, сделай всего одну и раздели её на 7 частей, чтоб каждая длилась примерно по 14% времени. (% может быть другой)

Вот пример

Comments

[Макар Герасимов]

Я не просто так отказался от кейфрейма. Причина тому что на каждой четверти мне необходимо менять положение стрелки в пространстве. Если это делать в одном кейфрейме трансформация вращения будет происходить одновременно с изменением позиции стрелки

[Сергей Сунцев]

Макар Герасимов: тогда я бы сделал, через JS, или canvas.

Answer 2

[Дмитрий Христоев]

есть проще вариант codepen.io/haoss/pen/ZBrrLJ

Comments

[Макар Герасимов]

Увы, надо реализовать без помощи сторонних библиотек