Как я должен манипулировать svg, чтобы..?

Question

[EvolveSunVolt]

Я лучше сразу покажу вам, какой мне нужен результат: вот видео.

Насчет анимации у меня вопросов нет.

Вопрос связан со стилями, а именно как сделать так, чтобы path(каждая "буква" в svg) был прозрачным а окружение этого элемента белым?

Вот песочница

Может быть мой подход в корне не правильный?

Comments

[Вадим]

Ваш код смотреть времени нет, но есть кое что по лучше)
https://habr.com/ru/articles/349362/

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.6

[Aetae]

Привет, я тут по вопросу Как создать изогнутый во внутрь border? а то модертор разбушевался. В каком браузере или каким способом ты сделал, что правый уголок в моём ответе отвалился?:)

По поводу же самого того твоего вопроса: серебряной пули нет, тебе придётся выбирать из имеющегося: svg, clip-path, mask в разных комбинациях, в зависимости от нужного результата. Нужна резиновость и бордер, но прозрачность? Ну чтож - например делай четыре блока - один правый угол с svg, три - с разными бордерами.