Как сделать анимацию как на этом сайте?

Question

[dev400]

https://www.media5.com/services/ , интересует анимация человечков

Answer 1

[A K]

- Сделать как на вашем примере, т.е. через SVG
- Сделать видеоролик, вставить через тег «video»
Привязать к скролу и к ховеру.

Answer 2

[# a r t u r #]

Это Canvas

Долго и муторно наверное их было рисовать... подумайте 100 раз - надо ли Вам это...

К тому же я перешел на сайт и не сразу даже догадался, что нужно навести курсор на этих зверей и человечков для анимации )

В Вашем случае возможно будет проще сделать анимированные gif-ки и вставлять их на страницу при прокрутке?

Comments

[dev400]

у меня без наведения работает

[# a r t u r #]

Андрей: а у меня нет, я навожу на элемент человечка и этот элемент просто тупо болтается... хотя пару раз сработала анимация у профессора, когда он редьку на доске показывал...

[dev400]

Артур Иванов: может от браузера зависит