web - What is this animation and how to create it? -

i visited lofavor website , saw cute animation there. can tell me animation? it's obvious it's not flash or javascript animation. element svg. how can create animation svg?

it little complicated animation simple rotate, translation or scaling. please give me tip or keyword have research on this. have code transitions or there wysiwyg way this?

it's svg transform animation , yes have code it. more information can check svg transform.

if check dom element, think did, see g elements transform attribute , matrix defines rotation, translation or scale.

there masking technique red ribbon rolls @ first. start work svg svg essential book.