When hover a image, the rest of images changes the filter

Question

I have 10 images, and when I hover one, I want the 9 remaining to change the filter.

This is what I have:

CSS

#posts-wrapper:hov         


        

Answer 1

Try

 $(".posts").mouseover(function () {
     $('.posts').css("-webkit-filter", "blur(10px)"); // added this to add blur to all images
     $(this).css("-webkit-filter", "none");
 });

 $(".posts").mouseleave(function () {
     $(this).css("-webkit-filter", "blur(10px)");
 });