[CSS3] Creating iOS 7 effects with CSS3: translucency and transparency – CSSで描画するiOS 7コントロールセンターのブラー
CSS3を使って、iOS 7コントロールセンターのブラー(ぼかし)を描画する方法。動作デモはこちら。ページ下部にある「Up」「Down」のボタン押下でコントロールセンター部分を出し入れできます。CSS記述を見ると、半透明のレイヤーを1枚かぶせて、CSS3のブラーフィルタを使っているようです。これ色々と応用できそうですね。ちなみにわたくし家に余ってたiPhone 4にiOS 7 Beta2入れてみたんですが、iPhone 4だとブラーエフェクトが省かれていて(´・ω・`)ショボーンとなりました。あと3D壁紙も動作対象外? まぁまだBetaだから本命のiPhone 5に入れるのもアレなんで、製品版まで待ちますかね。
Creating iOS 7 effects with CSS3: translucency and transparency