Page Transitions with CSS3

ページを切り替えるときに効果を与える方法はいろいろありますが、ほとんどはjQueryなどのJavaScriptを使用したものがたくさん溢れているような気がします。

しかし今回はCSSのみを使用して、ひとつのページでコンテンツをスライドさせて切り替える『Page Transitions with CSS3』を紹介します。

<div>~</div>で囲んだdiv要素ごとにページを作成し、コンテンツをスライドさせてページを切り替えるワンページャーのウェブサイトを作ることができます。

とういうことで、サンプルページを作ってみました。こんな感じになります。

→ 『Page Transitions with CSS3』サンプルページ

→「ページ切り替えが楽しくなる!ワンページで紙芝居風にページをスライドして切り替える『Page Transitions with CSS3』」の続きを読む