javascript - Make a seamless transition between different urls -

javascript - Make a seamless transition between different urls -

say have 2 pages located on different urls: home and, example, contact. have fancy css3 effects on home page , link contact page.

when click on contact page link, want slide home page elements off page, or create them transparent or else, allow browser load contact page, want create transition seamless possible. ideally, accomplish effect of one-page site, can show , hide page elements.

how best way?

load content xmlhttprequest use history api alter url 1 load contact page default use css transitions / animation move content about

javascript html css3