You have to start somewhere
So im pretty new to SVG-animaion. But i have started to fiddle with it in SVGator.
I used my awesome co-workers Christophers illustration that we use for a company we work with that provides car cleaning services. The character is called ”Cleanton” and resemble a drop of water.
I wanted the movement to feel smooth and not static. I think i came pretty close to what i had i mind.
I used the animators like position, rotate, scale and fill opacity all with linear transitions. I exported as CSS and ”On load”.
Result:
I will write a full tutorial on this when i get the time.