segunda-feira, 14 de janeiro de 2013

Efeito Sépia nas Fotos


Bom Diah meus doces Açucarados '-', Hoje vou ensinar a como colocar efeito sepia nas imagens quando o cursor passa por cima.

 É 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, Depois é só aproveitar!
Bju.

Nenhum comentário:

Postar um comentário