Applying Cross-Browser Wipe Effects to a Whole Page

Wipes can only be applied to positioned layers. So the entire page content is placed in an absolute-positioned div. Hide the layer initially, and set its top and left positions as you wish (20px in this example)

Delay before the wipe in and the duration of the effect are easily adjusted. You can also choose other wipe methods. See for example, the page wiped in again, this time from the top down, or from the right.

More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo. More text for demo.