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 |