Simple SVG Animation in SVGator

Share on facebook
Share on pinterest
Share on twitter
Share on linkedin

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:

Character SVGator SVG animation

I will write a full tutorial on this when i get the time.