CSS3のTransitionでダイナミックなページ遷移。 | AlmondlabCSS3のTransitionによるアニメーションで、Flashのような動きのあるダイナミックなページ遷移のサンプルです。 実はこれは「impress.js」というプレゼンテーション用のスクリプトを拝見してとても興味を持ったので、理解する目的で自分なりに作成してみたものです。 CSS3のアニメーションには「jQuery Transit」というプラグインを使わせてもらっています。 サンプルはこちら 仕組み的には拡大・縮小と回転を取り入れて、ページ（コンテンツ）の移動の際にアニメーションを行います。キーボードはスペースキーでページを送り、また方向キーでそれぞれ進む／戻るを設定しています。 HTMLでは、外側のコンテナと内側のボックス、さらにその中に各コンテンツを並べています。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title
