ページ切り替えが楽しくなる！ワンページで紙芝居風ページをスライドして切り替える『Page Transitions with CSS3』

Page Transitions with CSS3 ページを切り替えるときに効果を与える方法はいろいろありますが、ほとんどはjQueryなどのJavaScriptを使用したものがたくさん溢れているような気がします。 しかし今回はCSSのみを使用して、ひとつのページでコンテンツをスライドさせて切り替える『Page Transitions with CSS3』を紹介します。 <div>～</div>で囲んだdiv要素ごとにページを作成し、コンテンツをスライドさせてページを切り替えるワンページャーのウェブサイトを作ることができます。 とういうことで、サンプルページを作ってみました。こんな感じになります。 → 『Page Transitions with CSS3』サンプルページ jQueryを使用していないので、jQueryなどをダウンロードする必要はありませんが、『Page Transiti