on:2013年9月12日sponsorsiOS7のさまざまなシーンで利用されているズームを使って、コンテンツからナビゲーションを切り替えるjQuery+CSS3のかっこいいエフェクトを紹介します。デモのアニメーションコンテンツから左上のボタンをタップ・クリックすると、ズームを使ってコンテンツを縮小し、ナビゲーションをダイナミックに表示します。デモはデスクトップだけでなく、スマフォのブラウザでも動作します。実際の動作は、下記ページで試してください。RevealスクリプトはjQueryを使って、下記のスクリプトを記述します。});}(jQuery));HTMLの基本構造は、こんな感じ。class="main">コンテンツ</div></div>アイデアの元となったのは下記のDribbbleのアートワークで、トリガーはボタンのタップだけでなく、デバイスを傾けてこういうエフェクトができるのも面白いよね、とのことです。Posts関連記事が見つかりませんでした。