Running Man

A CSS3 animation.

Running Man

Last Updated: 2/3/2018

Description

 A CSS3 animation. Free of Javascript, this animation relies entirely on CSS keyframes and interpolation to position each of the running man's limbs.

 A simple animated background adds to the sense of motion. Flower shrub graphic used with permission from clipart-library.com

Future Plans

  • Implement vector graphics
  • Use more realistic imagery for clothing, skin and background
  • Further develop the background with more animated elements for added depth

Play Here

Back to Projects