
Eai galera, achei esse efeito muito bacana em um tumblr por ai, confiram a demonstração abaixo:
DemonstraçãoBom... 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