Html5 Animation
Information
  • This code was originally written for a children's web site I made for my daughter. Basically a MySpace for kids, where each kid was able to design their own page using HTML, CSS, background images, etc. The code was used to show dripping images on their page, using image groups that were purchased using earned points. The Egg image group was purchased with points, and they were able to "egg" another kid's page.
  • Choose Image Group.
  • Choose Direction.
  • Images will float across the canvas area, from top to bottom, or left to right, depending on the selected direction.
  • Settings are persisted in the browser's Local Storage.
Image Group:
Direction:
Your browser does not support this sample code.