Итак, у меня есть логотип клиента, и я хочу анимировать его при прокрутке. Допустим, логотипом является DANIEL
.
Когда пользователь прокручивает страницу вниз, я хочу, чтобы расстояние между буквами увеличилось, чтобы оно в конечном итоге стало D A N I E L
.
Я видел, как это можно сделать с обычным текстом, но это будет, как я уже сказал, логотип SVG. Также логотип должен быть мобильным.
Кто может дать совет, как это сделать?
Свободный перевод вопроса SVG Logo animation от участника @DanBilly.