Safari on iPhone Graphics, Media, and Visual Effects Coding How-To's

• Graphics: How Do I...
• Use the canvas tag to draw vector graphics and animation?
• Media: How Do I...
  • Specify a poster image for audio or video in a webpage?
  • Determine whether my server will support random access in media playback?
  • Load different video files dynamically based on the current network connection speed?
  Visual Effects: How Do I...
• Use CSS to position or transform page elements in 2D or 3D space?
• Change the origin of a CSS transform?
• Obtain a realistic scene when transforming elements in 3D space?
• Use CSS transitions to add animation to my web content?
• Use CSS animations to add animation to my web content?
• Control the acceleration curve for a CSS transition or animation?
• Detect when animations have started, iterated, or ended?
• Delay the start of a CSS transition or CSS animation?
• Repeat a CSS animation?

CardFlip

Opacity