A moving car in CSS3

Just a bunch of CSS animations

  1. The "road" is a <ul> with a few <li>'s. The <ul> animates between margin-left -120px and 0px,
  2. the entire car moves between 10% left and 37% left, alternating,
  3. the green key animates rotate-y, and
  4. the wheels rotate individually, so they're slightly off kilter.

Download from Github

This project is part of my Playground - a collection of fun (and dare I say it: clever) stuff I made in the past, from jQuery games and plugins to CSS animation tricks.

Please drop in on my portfolio site www.rayhyde.nl!