Всем привет!!!
Вот простой пример SVG анимации. Суть которого состоит в том, что есть две фигуры: круг и квадрат.
При клике по кругу он начинает смещаться вправо. Квадрат начинает двигаться вправо через одну секунду после начала анимации круга. В итоге в конце анимации обе фигуры находятся справа.
При повторном клике по кругу, круг снова оказывается слева и начинает двигаться вправо. Квадрат же остаётся на месте в котором закончилась его анимация (справа). И только через одну секунду он попадает в левую часть и начинает двигаться вправо.
Как сделать так, что бы при повторном клике по кругу обе фигуры снова оказались слева, ну а потом начали двигаться вправо как и раньше? То есть, как запустить анимацию с самого начала?
https://codepen.io/SelenIT/pen/mHpDG