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

Question

[Breeze1]

Сделал svg анимацию, и не могу понять, почему так быстро она рывками заполняется сверху вниз, и снизу вверх ? Может кто-то знает как сделать более плавно ?

Пример

Comments

[Ankhena]

https://codepen.io/search/pens?q=Svg+line+animation

[Aetae]

А по поводу понимания, то, надо полагать, ты вообще не понимаешь что делает код, просто скопировал его откуда-то.
По сути же код просто берёт градиент и анимирует его слева направо. Просто обычный градиент. Он никаким образом не стелится вдоль линии и не учитывает её форму. Представить, что ты берёшь листок бумаги, врезаешь в нём дырку в виде этой своей изогнутой линии и под эти листком двигаешь слева-направо картинку градиента. Примерно так оно тут и выглядит.