Eai galera, achei esse efeito muito bacana em um tumblr por ai, confiram a demonstração abaixo:
Demonstração
Bom... vamos ao tutorial
Aplicando CSS
Procure pela tag:
]]></b:skin>
Assim que encontrar cole o seguinte condigo acima dela:
.efeitoantigomh {-webkit-filter: sepia(0.0);
-webkit-transition-duration: .90s;
}
.efeitoantigomh:hover {
-webkit-filter: sepia(0.6);
-webkit-transition-duration: .90s;}
Aplicando Efeito
<img src="Link da imagem" class="efeitoantigomh">
Prontinho, espero que tenham gostado até a próxima.
Nenhum comentário:
Postar um comentário