How to implement such animation of a deer?

Question

css

https://vintage.agency/404
Maybe there are libraries?

Answer 1

All the movements of the deer are small changes in the same curves, which simplifies the task. Look at the first example from this article , it just describes the ideas of how to make such animations.

Answer 2

Here it seems that they even managed without shape animation, with simple deformations. It can easily be implemented as some online editors, I would use Keyshape - 100 pounds can handle pure svg, without js.

Answer 3

Google for words svg tween animation
For example https://github.com/colinmeinke/svg-tween/tree/mast...

Answer 4

SVG + GSAP = your 404 reindeer. There is nothing complicated, only intermediate states of the deer are needed, in this case three, looking to the left, looking at you, looking to the right. And with the help of gsap, all points are animated from one state to another.

Answer 5

svg+css

Answer 6

Simple work with SVG animations is in animejs