Efeito Sépia nas Imagens

Ooi

Hoje eu vou ensinar esse efeito como na imagem acima, que quando você passa o mouse em cima de qualquer imagem do blog ele muda para o efeito sépia, aah, créditos ao CB

1.Vá em Design>>Modelo>>Editar Html e procure por ]]></b:skin>

Antes do código cole:

/*efeito sepia*/
img {
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
/*efeito sepia*/

Salve!

Kissi