Задать вопрос
JaredWinter
@JaredWinter
Помог? - Отметь решением.
javascript

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

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

Или хотя бы просто заполнялся слева направо, без эффекта воды.
  • Вопрос задан
  • 1277 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
cimonlebedev
@cimonlebedev
Если тебе не надо текст из бекенда выводить в SVG тогда преобразуй его в кривые и "ЭТОТ пример не катит :(" - тоже прокатит.
ну или before after тут издеваться можно по всякому
Ответ написан
Комментировать
Комментировать
Mowsar
@Mowsar
Web™brothers
Tags: animation, svg
Header: Water Waves Animation
Learn more:
https://codepen.io/evatoth/pen/xwZoNa
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы