私は、このクールなアイデアを個人の Web ページ用に計画しました。
<body>私は基本的に、その中のすべてをぼかしたいだけです。
マウスを重ねると、マウスの代わりに円が表示され、内側はぼやけません。
シンプルな JS / jQuery または CSS ソリューションはありますか?
円内のズームを簡単に切り替えられると便利です。なくてもできます。
(この写真に似ています: http://medialoot.com/images/thumbs/640x440x1_Parallax_Wordpress_Theme_Preview31.jpg )
いくつかのアイデア：
このフィドルは、あなたが提案しているようなことをします: http://jsfiddle.net/jamygolden/CGFBT/2/light/
ホバー効果を変更して、マウスの下の要素のみのぼかしを解除する必要があります。
画像の場合、ホバーするとフリップ フロップする、ぼやけて焦点を合わせたバージョンを含むすべての画像に対してスプライトを作成できます。
これについては以前にいくつかのトピックがありましたが、短い答えは「いいえ、簡単ではありません。困難な方法でさえ、100％の効果を達成することはほとんどありません」. マウスホバーの部分がツライ部分になると思います。
ウェブページ全体のぼかし効果。 これには素敵なリンクがいくつかあります
