Animation

Please address the following considerations:

  1. What are the general recommendations for animations?
  2. Animation is a new CSS property that allows for animation of most HTML elements (such as div, h1 and span) without JavaScript or Flash. At the moment, it's supported in Webkit browsers, including Safari 4+, Safari for iOS (iOS 2+), Chrome 1+ and, more recently, Firefox 5. Unsupported browsers will simply ignore your animation code, so ensure that your page doesn't rely on it!

  3. What issues need to be considered and addressed when using animations?
  4. The browser support for CSS3 animation is hotting up - Mozilla Firefox has joined WebKit in full support, and Internet Explorer 10 as well as Opera 12 have promised future support. This means we can start using them without fear today. However, this thriving support doesn't come without its problems. There are problems with Android and IOS devices