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