@mrHalid

Как сделать анимацию жидкости с помощью SVG?

Как сделать плавную анимацию жидкости такого рода?:
5ab8f05a043f5947547599.jpeg
Сама анимация должна быть бесконечной.
  • Вопрос задан
  • 904 просмотра
Пригласить эксперта
Ответы на вопрос 3
@GreatRash
Ответ написан
Комментировать
sfi0zy
@sfi0zy
Creative frontend developer
Вот вам наглядный пример того, как все будет тормозить, вплоть до зависания страницы, если применить фильтры и все немного увеличить (и не говорите, что на вашем 12ядерномразогнанноммакпро не тормозит - у пользователя его не будет). Поэтому если выбор пал на SVG - анимируйте path, а потом заливайте его градиентом, как это и сделано на картинке. В простейшем виде можно сразу нарисовать десяток состояний каждой кляксы и последовать примерам из вот этой статьи.
Ответ написан
Комментировать
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы