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


BeerCamp at SXSW 2011

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

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

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

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

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