あるウェブページから別のウェブページへのアニメーションの遷移

Question

私が現在開発しているウェブページでは、ボタンをクリックして別のウェブページにリダイレクトするオプションがあります。

現在のところ、リダイレクトは通常通りに動作します。ユーザーはボタンをクリックしてすぐに新しいWebページにリダイレクトされます。

私がしたいのは、新しいWebページが表示される前に最初に読み込まれ、移行中にスライドすることです。現時点で私はthis siteを見つけました。これは、両方のWebページでソースhtmlを変更する場合、これを行う方法を私に示しています。

しかし、私が自分のウェブページから他の任意のウェブページ（例えば、Googleへの移行）に移行したい場合、これを行う方法はありますか？

Answer 1

iframeに任意のページを読み込んでフェードインして、現在のページをカバーできるようにする必要があります。

編集：デモ用にhereをご覧ください。しかし、これはフレームでの読み込みを許可するページでのみ機能することに注意してください。 google.comでは動作しません。