사진 위에 마우스를 hover 했을 때 사진을 어둡게 처리하고 싶을 때 filter 속성으로 brightness 값을 조정하면 된다. 예전에 사용했던 background에 gradient처리 보다 간단해서 좋다!
img:hover {
fiilter : brightness(0.5);
}
hover 안 한 상태 
hover 한 상태
잘만 사용하면 기본적인 포토샵 효과를 줄 수 있어서 이미지 리소스를 줄일 때 좋을 것 같다.