LeshaGFB
@LeshaGFB
Верстальщик

SVG анимация, как правильно сделать?

На сайте раз в 4 секунды меняется заголовок, справа от заголовка предполагается сделать анимацию, например, колбы , в которую при смене заголовка будет подливаться ингредиент и в конце концов колба заполняется. Правильно ли я понимаю, что дизайнер рисует анимированные SVG объекты, а я с помощью js вызываю эти объекты в нужное время или как правильно такое реализовать? Если есть ссылки на что-то похожее буду благодарен, если скинете.
  • Вопрос задан
  • 276 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Анимированные svg здесь излишни. Достаточно пары картинок и clip-path. А анимировать уже через css.

Набросал пример:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
МТС Касса Ульяновск
от 100 000 до 200 000 ₽
Sportrecs Москва
от 180 000 ₽
PiRL Ventures Санкт-Петербург
от 80 000 до 100 000 ₽
12 апр. 2021, в 10:50
60000 руб./за проект
12 апр. 2021, в 10:37
120000 руб./за проект
12 апр. 2021, в 10:34
150000 руб./за проект