Как на нативе JS сделать плавную анимацию?

Question

[Игорь]

Нужно чтобы при клике плавно появлялся элемент .
Пробовал transition прописать но не работает Вот код

Answer 1

[stasov1]

Попробуй не менять значения атрибута 'd', а сразу задай ему нужные параметры, и задай класс в стилях opacity: 0; visibility: hidden; transition: all .2s linear; и по клику добавляй/удаляй этот класс

Answer 2

[Денис Инешин]

Основной код анимации должен быть на элементе изначально.

Comments

[Игорь]

пример?

[Денис Инешин]

Игорь Николаевич: https://jsfiddle.net/IonDen/hphzyy6u/

[Игорь]

Денис Инешин: https://jsfiddle.net/9283L7n2/12/ ТАК?

[Денис Инешин]

Игорь Николаевич: моя ошибка, не посмотрел что у вас используется SVG. Увы с ним CSS не обойтись, воспользуйтесь D3.js