CSS3「Transform」を使ってズームイン／アウトでコンテンツ遷移させるWebサイト「BeerCamp at SXSW 2011」｜BLACKFLAG

CSSでさまざまなアニメーションエフェクトの制御を可能とするプロパティ「Transform」。 そんな「Transform」をサイト全体でうまく利用して、 ページ（コンテンツ）遷移を画面全体のズームイン／アウトで 制御しているWebサイト「BeerCamp at SXSW 2011」がおもしろかったのでご紹介。 ≫BeerCamp at SXSW 2011 ※アニメーションエフェクトを確認するにはSafariやChromeのWebkitブラウザので閲覧してください。 （Firefoxではアニメーション無しで動作） ページヘッダーにあるナビゲーションボタンをクリックすると、 通常サイトの様なページ遷移するのではなく、 該当するコンテンツ部分が画面全体にズームアップで拡大するように表示されます。 ズームイン／アウトの操作は マウスホイールでも可能になっているもよう。 サイト全体に奥行き感が出て