CSS3でページ遷移せずにズームイン／アウトでコンテンツ切り替え

BeerCamp at SXSW 2011

CSS3 transformを使って、ページ遷移せずにズームイン／アウトして、コンテンツを切り替えをしているサイト「BeerCamp at SXSW 2011」が公開されています。 (英語)

Firefoxではズームイン／アウトのアニメーションをしません。Webkit系で見るのが良いようです。

Intro / Featuring / Sponsors / Flip Cup / Teamsのタブをクリックすると、コンテンツが切り替ります。

マウスのホイール・スクロールでもズームイン／アウトします。

最大にズームインすると、最後に何かが動いています。