HTML | EFEITO SÉPIA NAS IMAGENS

Olá minhas lindas, o tutorial de hoje é para deixar aquele feito sépia nas imagens quando passar o mouse sobre elas.

Se você gostou se inscreve nesse blog cheio de amor! ♥

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

É só salvar e pronto! Todas as imagens irão ficar com o efeito  automaticamente.

Continue Reading..