Анимация персонажа с помощью HTML/CSS
У нас есть требование от клиента, который должен анимировать персонажа на экране ниже
Пример URL-адреса изображения
Сама страница построена с использованием SVG, и персонаж может быть разбит на определенные части, которые могут быть анимированы.
Вопрос здесь заключается в том, какой подход является наиболее эффективным для достижения этой цели.
Я знаю, что это ближе к вопросу, основанному на мнении, но у меня нет отправной точки для реализации этой функции.
Пример анимации GIF
Что я уже пробовал:
Я провел некоторые исследования и обнаружил, что этого можно достичь с помощью
1. SVG-анимация с использованием таких библиотек, как GreenSock
2. Использование GIF-изображений
3. Через прозрачное видео