Как запустить CSS анимацию по клику на jQuery?

Question

[Капитан Какао]

Всем привет, такой вопрос.
Есть SVG анимация. Она запускается сразу при загрузке страницы через @keyframes

1) Хотелось бы понять, как запускать анимацию не при загрузке страницы а по клику по SVG ?

Демка: https://jsfiddle.net/17yq5qx5/1/

Answer 1

[Максим Тимофеев]

Добавлять по клику к svg класс, например ".animateit" и соответственно в css будет не.weed .st2 а .weed.animateit .st2 Тогда анимация будет срабатывать, только для <svg class="weed animateit" и не срабатывать для <svg class="weed" который имеется при загрузке

Answer 2

[Евгений]

Запускать её, добавить класс например
https://jsfiddle.net/satantx/17yq5qx5/2/

Comments

[Капитан Какао]

Благодраю!