SVG Animation Challenge

Self Initiated coding project

ABOUT THE PROJECT

This is a self-initiated side project on Codepen started in 2017. I have always had great interest in doing animation and this time I am using HTML and CSS to achieve some simple yet effective emojis. I had a lot of fun crafting the illustrations as well as completing the final touch of the moving elements.

A couple of my SVG animation posts were featured in Codepen homepage.

In Nov 2017, I also helped organize a hands-on animation coding workshop in my workplace and received pretty good feedback from my coworkers.

MY ROLE

Illustrator, Animator, coder

TIMELINE

1 month

Confetti

CSS only celebrating confetti

Magic

CSS only Rabbit trick

Cutting fruit

Prepare for the cake

Whip Cream

Prepare for the cake

Cat

My cat Cheerio

Cat paw

Cat stretches his paws

Flying over sea

A plane glides across the sea surface

Cruise

Relaxing cruise trip with sunset

Swimming

One person pool