Personal Logo SVG Animation

After avoiding it for some time for the very reason that I am not good with graphic design, I decided to tackle SVG animation. And for my very first output, I chose to play with my personal logo for this. Surprisingly, it wasn’t as hard as I thought it to be! Actually reminds me of the golden days with Flash 😀

I used InkScape to create my SVG image. Hover on the CodePen window and just click RERUN to repeat the animation.

See the Pen Personal Logo SVG Animation by Elmer Balbin (@elmzarnsi) on CodePen.27172

HTML

CSS

Elmer Balbin

Web developer from Bacolod, Google Local Guide, and casual DotA 2 player.

about me

1
Leave a comment

avatar
trackback
Self-Caricature SVG Animation

[…] do a sketch of a picture of myself and animate it. It’s far more complicated than my previous work since there are a lot more paths involved so I’m proud that it turned out okay […]

Get great deals on hotel rooms from all over the world BOOK NOW