SVG Animations (CSS Only)

I have not ever spent time learning CSS transitions and animations, so I took a few SVG’s and learned how to animate pieces of them.

Landscaping

Original SVG

Animated SVG

See the Pen CSS Animation - Lawnmower by Josh Harrison (@Josh-Harrison) on CodePen.

Celebrating

Original SVG

Animated SVG

See the Pen CSS Animation - by Josh Harrison (@Josh-Harrison) on CodePen.

Rocketship Loading…

Original SVG

Animated SVG

See the Pen Rocketship Loading by Josh Harrison (@Josh-Harrison) on CodePen.

HTML Loading…

Animated HTML

See the Pen Loading... Animation by Josh Harrison (@Josh-Harrison) on CodePen.