CSS animations

• jumping to another state mid animation

https://css-tricks.com/css-animation-tricks/#article-header-id-0

• transform-origin

https://css-tricks.com/css-animation-tricks/#article-header-id-0 For SVG elements, the origin is at the 0 0 point of the SVG canvas, assuming we have no transform applied on the element itself or any of its parents inside the <svg> element