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

Question

[DeniSidorenko]

Привет есть такая линия
вот ее svg код

<svg width="1340" height="200" viewBox="0 0 1340 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1379.4 199.527C1358.02 59.0626 1039.53 63.6007 794.527 73.6007C550.623 83.556 45 103 1.5271 0.600692" stroke="#574E56" stroke-width="2" stroke-linejoin="round"/>
</svg>

Вопрос , какие свойства сделать , что бы изначально она не была видна, а при добавление класса плавно прорисовывалась

Comments

[RAX7]

https://svg-art.ru/?p=1253

[ProjectSoft]

а при добавление класса плавно прорисовывалась

[Максим]

ProjectSoft, при scroll же надо

[ProjectSoft]

Максим Ленский, я специально дал цитату из вопроса.

[Максим]

ProjectSoft, так то да...там и в ruSO тоже не ясно что требуется толи по клику толи по скроллу

[DeniSidorenko]

Максим Ленский, Ваш ответ хватает) при скролле или при классе я уже сам добавлю, мне было важно понять как анимировать сам SVG

Answer 1

[Максим]

https://ru.stackoverflow.com/a/1075230/308951 - я же ответил на ruSO в чём проблема?

Comments

[DeniSidorenko]

Вопрос был задан до того как вы ответили на ruSO) спасибо еще раз