css - 画像にカーソルを合わせると、周囲の画像が暗くなります

Question

明確にするために：ホバーしたときに画像を暗くする方法を尋ねているのではありません。カーソルが重なっている画像の周囲の他の画像を暗くする方法を知りたいです。

以下に例を示します: http://www.b-reel.com/

大きなカテゴリの画像にカーソルを合わせると、周囲の画像が暗くなりますが、ホバーした画像は変わりません。

任意の入力をいただければ幸いです。ありがとうございました！

Answer 1

周囲の画像を暗くすることはありません。代わりに、divすべての画像の周りに を配置し、カーソルがこの の上にあるdivと、すべての画像が暗くなります。ただしdiv、各画像の周りにも要素を追加し、カーソルが画像の上にあるときに画像を暗くしません。両方の組み合わせにより、目的の効果が得られます。

Answer 2

投稿した例では、JavaScript を使用.fadeOutして他の div にクラスを適用しています。その.fadeOutクラスはopactiy、他の div を 50% に設定します。