どのようにぼやけた背景とフォーカスdivにする

Question

私はこの効果を得ようとしています。

Blurry background : in focus login div form

私は、フィルタと、すべてがぼやけ作るために管理します。）ぼかし（。しかし、私はid = newloginでログインフォームからぼかし効果を取り除く方法を知らない。

<style> 
    body{ 
     filter: blur(4px); 
    } 

    #newlogin{ 
     filter: blur(-4px); 
    } 
    </style> 

Answer 1

ボディに貼り付けたフィルタはほとんど除去できません。

あなたがぼかしたい特定のオブジェクトにのみそのフィルタを適用する方がずっと優れています。exapleでは、そのクラスに "blur_me"クラスとaply blurを与えます。

Answer 2

あなたはそのようなぼやけた領域の「unblur」の部分は、ぼやけた要素のすべての子もぼやけて表示されるように起こっていることはできません。個々の要素を個別にぼかすか（デザインによっては醜いかもしれません）、ぼかしたいものをコンテナに入れて、ぼかしたくないものはすべてコンテナに残しておく必要があります。

Answer 3

あなたのコードに該当する場合は、私はアイデアを出しましたが、idkが出ました。焦点を合わせたdivを取り外し、あなたの体にガラスを挿入します。ガラスは全身を覆い、ぼやけて見えます。次に、分離したdivをグラスに取り付けます。