Efeito Sépia nas imagens

Oi Loves

Pra começar quero dizer que , sim irei seguir de volta todos aqueles que seguir o blog e deixa um recadinho, coisa básica de inicio de blog mais vamos logo ao que interessa.
Bom hoje eu trouxe uma coisa que ta ficando bem famosa em vários blogs, que é o efeito sépia quando passa o mouse em cima da foto. ( Tava louca pra passar pra vocês alguma coisa em HTML )
(Visualize ) Bom vamo lá

Ele é bem fácil , mais fica meio que chato nos blogs que tem layout pronto , tipo esse por isso que não botei aqui , mais futuramente eu mesma farei um layout então blah .

É muito simples. Abra o HTML do seu blog é cole o seguinte código acima de ]]></b:skin>

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;}

Bom vocês teram que mudar onde esta em negrito o ''0'' para o quanto vocês querem que mude , bom qualquer número fica bom ,no exemplo eu coloquei ''7''.

Espero ter ajudado . 

Créditos ao : Cherry Boomb

                                                     Beijos cheio de Grape's