Как сделать эффект заполнения воды в SVG?

Question

[Конан Варвар]

Дорого времени суток.
У меня есть текст в SVG. Скажите пожалуйста как мне сделать, чтобы при наведении текст заполнялся с эффектом воды? Только не снизу вверх, а слева направо.
ЭТОТ пример не катит :(

Или хотя бы просто заполнялся слева направо, без эффекта воды.

Answer 1

[Александр Иванов]

Если тебе не надо текст из бекенда выводить в SVG тогда преобразуй его в кривые и "ЭТОТ пример не катит :(" - тоже прокатит.
ну или before after тут издеваться можно по всякому

Answer 2

[global Error]

Tags: animation, svg
Header: Water Waves Animation
Learn more:
https://codepen.io/evatoth/pen/xwZoNa