iPhone animations – Side-by-side comparison

This page shows examples of 4 techniques for animating page transitions in WebKit. For a full discussion of the techniques, see my blog. The JavaScript examples should work in any browser. The CSS examples will only work in WebKit-based browsers such as Safari and Chrome.

JavaScript (linear) JavaScript (easing) CSS transition CSS transform
Stand-alone page Stand-alone page Stand-alone page Stand-alone page
Was this page useful to you? Loading...