on:2013年6月14日sponsorsぱっと見、よく見かけるレスポンシブ対応のナビゲーションのようなUIですが、かなりかっこいいエフェクトが仕込まれているデモを紹介します。スクリプト無し、エフェクトはスタイルシートのみで実装されています。エフェクトは、こんな感じです。左上のアイコンをクリック・タップすると、オーバーレイでナビゲーションがダイナミックなアニメーションで表示されます。ナビゲーションのアイテムが集まってくるの、かっこいいですね。解除して散っていくのも!実際のデモは、こちらからどうぞ。Safariでご覧ください。デモページこれをベースにいろいろなアイデアが膨らんできますね。参考までに、実装もご紹介。HTMLオーバーレイでステイになるのは、チェックボックスを使用しています。-->CSSエフェクトはスクリプト無し、スタイルシートのみで実装されています。