Efecto imagen – de color a blanco y negro con CSS

Si deseas tener el efecto de una imagen cuando te pones encima sea de blanco a negro o viceversa puedes logralo con css. Bastará añadir una lineas de código para conseguirlo:
nombresdeldiv img
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition:filter 0.4s;
-webkit-transition:-webkit-filter 1s;
Y en el modo hover
nombresdeldiv img:hover
filter: grayscale(0);
-webkit-filter: grayscale(0);
Un efecto fácil y de buen gusto.