Задать вопрос
LeshaGFB
@LeshaGFB
Верстальщик

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

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

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

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

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

Похожие вопросы