How is SVG animation done?

Question

Animation

Like here on the third screen: https://craftcommerce.com/
Are there visual tools for this task?

Answer 1

Animation

Like here on the third screen: https://craftcommerce.com/

most likely made on vivius https://github.com/maxwellito/vivus by a visual tool like adobe Illustrator, Sketch, Inkscape.

Answer 2

It is possible manually, there are editors of a different plan, it is possible through canvas. On the codepen, you can enter canvas animation and see examples, maybe you can adapt it for yourself. Of the free editors I know only on mac - Keyshape Beta.

Answer 3

Sketch
- https://blog.axosoft.com/2016/11/23/from-sketch-ap...
- https://www.sketchcasts.net/episodes/svg-animation...

Answer 4

yoksel.github.io/about-svg has examples here.

Answer 5

maxwellito
codepen

Answer 6

snap.svg

Answer 7

https://vectr.com/ GREAT THING!