Как сделать плавную анимацию при смене значений через js?

Question

[StickPunk]

Анимация срабатывает плавно только после загрузки страницы, но не при смене значений через js. Можно ли это как-то исправить?

Answer 1

[Ivan Bogachev]

Вероятно вам нужен обычный transition, он будет срабатывать каждый раз, когда значения будут меняться:

.items {
    .single-chart {
        .circular-chart {
            .circle {
                /* animation: progress 1s ease-out forwards; */
                transition: stroke-dasharray 1s ease-out;
            }
        }
    }
}

Comments

[StickPunk]

Спасибо, не думал даже, что тут это может решать