Как анимировать несколько блоков по порядку бесконечно?

Question

[Hfnas]

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

<div class="h">
<div class="one" style="background:red">1</div>
<div class="two" style="background:green">2</div>
<div class="three" style="background:blue">3</div>
</div>

Я по аналогии хочу сделать в svg

Что-то мне подсказывает, можно сделать слайдами (но это не вариант).
Хоть, тему гугления подскажите, пож-ста.....

Comments

[ProjectSoft]

Непонятно причём здесь jQuery...
Всё точно так же как и для html.
svg поддерживает стили и к свойствам svg вы можете применить css animation.
Для каждого класса свой @keyframes если будете менять заливку fill. Если только увеличение, то один.
А дальше выставите нужную задержку старта анимации для каждого класса.

[Hfnas]

ProjectSoft,
8п. помог

[ProjectSoft]

Hfnas, именно это я и имел ввиду.