HTML Animation
Most of designers use Flash to animate objects because of many advantages Flash has in comparison to HTML.
However, sometimes you may want to keep HTML as one of the search engine optimisation techniques.
Preview in new window >
Download the source code >
How it works
Animation can be achieved by loading an image as background of a <div> element on web page. There is a JavaScript timer function which ‘changes slides’ of our HTML documents.
Z-index of a <div> element determines layer. Use smaller z-index values for background and bigger for objects in front.
