Страницы

Поиск по вопросам

среда, 3 октября 2018 г.

Анимация желе с SVG

Есть такой элемент SVG

В браузере выглядит так: ссылка
Это часть из этой картинки:
Как сделать непрерывную желеобразную анимацию? Может посоветуете какую-нибудь библиотеку? Такая подойдет? — ссылка


Ответ

Для анимации потребуется тег в SVG
открываете свое изображение в векторном редакторе и изменяете его формы так, как вам нужно (главное не создавать больше никаких точек), берете из него форму которая находится в атрибуте d и вставляете в animate... Изменить скорость анимации можно с помощью атрибута dur

Комментариев нет:

Отправить комментарий