Efeito hover (Grayscale) e (Sépia)

O primeiro efeito que vou ensinar é o Grayscale. Esse efeito faz com que as fotos fiquem preta e branca quando passamos o mouse por cima, observem: 

Para deixar sua imagem assim, basta acrescentar o código abaixo em seu css, na parte HOVER
-webkit-filter: grayscale(90%);
Para fazer o efeito sépia, que é esse abaixo, basta fazer a mesma coisa, só muda o código que deve ser acrescentado ao seu css.
Coloque esse código abaixo na parte hover da sua imagem no seu css:
-webkit-filter: sepia(0.7);
Por: Pâmela Sampaio em 27/05/14
Não copiem os códigos e nem o tutorial.
Se for útil de alguma forma, creditem!
Facebook Twitter Pinterest Google+ Email Addthis