Hiệu ứng ảnh trăng đen giống CP

hiệu ứng ảnh đen trắng giong CP
tut này có nghĩa là khi trỏ chuột vào 1 hình nào đó nó sẽ chỉ còn màu trắng đen và xám
cách làm
cho code sau vào css

Code:

img {
-webkit-filter: grayscale(0);
display: inline-block;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}img:hover {
-webkit-filter: grayscale(1);
}