iOS7 のようなブラー効果を CSS でマネてみる (Webkitのみ) § ポリゴンバーガー

iOS7 いいですよね。いいなあ。まだ持ってないんだよなあ、初代 iPad だから。アップルストアのデモ機を触って「ウフフ…」って悦に入ることくらししかできません。 まあそれはいいとして、画面下からぐーって引っ張ってコントロールセンター表示させるアレって便利ですよね。便利な上に背景要素が擦りガラスの向こうにぼやけて見えるあの感じがとてもよいです。 なので、アレをなんとかブログとかに利用できないかしらとアグアグ考えておりましたら、結局同じものはできなかったんですが背景要素をボケさせてそのうえに透過要素を重ねることはできました。（ほんとうは透過要素のかかってる部分だけブラーがかかるようにしたかったのですが、どうにもわかりません。） jQuery と CSS3 を使う感じですがそんなに複雑なものではなく、案外用途がありそうでこれはいいぞということで公開してみました。 ブラーをかける際に徐々にボケ