'Preto e Branco' e 'Sépia' em imagens efeito hover

Hoje eu vou ensinar a você que quer um efeito nas suas fotos das postagens o primeiro é o que ao passar o mouse sobre determinadas imagens, elas automaticamente passem para o "preto e branco" e o segundo é o feito "sépia".
Para o Efeito Preto e Branco
Vá para o Painel do seu Blog, depois em Modelo e clique em Editar HTML e cole o seguinte código acima de ]]></b:skin>.
.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}
Para o Efeito Sépia
Vá para o Painel do seu Blog, depois em Modelo e clique em Editar HTML e cole o seguinte código acima de ]]></b:skin>.
.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}
É isso ai, espero que tenha ocorrido tudo direito quando vocês forem fazer e qualquer dúvida é só perguntar.
0 Comentários