Playing with CSS Drawing & Animations

zigzag

Am I available?

Maybe, who knows?
I should, so get in touch over at Contact .

I’ve been playing around on CodePen again recently, and decided to try my hand on some CSS drawing and animations.

Actually, the first animation I did was some ants exploring a magical sugar cube, and rather than drawing the ants themselves I used an SVG (nature is tough to draw).


Ants Animation

You can see the ants animation below (better on larger screens):

See the Pen Ants on Sugar CSS Animation by Stephen Fairbanks (@thathurtabit) on CodePen.


Juggle Animation

Next up, I decided to just use good ol’ CSS to draw all the elements and then use trickier animations, the result was a resulting face and hands of a happy juggler (obviously).

You can view the juggle animation below (again, better on larger screens):

See the Pen Juggle CSS Animation by Stephen Fairbanks (@thathurtabit) on CodePen.


Visit CodePen

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Don't Be Shy

Get in Touch

pointed