Transition animation from one webpage to another

Question

On the webpage that I am currently developing the user has an option to get redirected to another webpage via the click of a button.

At the moment the redirection works as per normal; the user clicks the button and is immediately redirected to the new webpage.

What I would like done is for the new webpage to load up first before being displayed and have a sliding in transition. At the moment I found this site that shows me how to do this if I were to change the source html on both webpages.

But is there any way to do this if I wanted to transition from my webpage to some other arbitrary webpage like transition into Google for example?

Answer 1

You should be able to load an arbitrary page in an iframe and fade it in, covering your current page.

Edit: Look here for a Demo. But note, that this only works with pages that allow loading in frames. It won't work with google.com.