Efeito Sépia-Tuturial

Oi BetaLovers,rsrsr!
Hoje,eu trouxe um tuturial de como colocar efeito sépia na imagem.Eu vi este tuturial no blog goimagines.blogspot.com,lá tem vários tuturias bons.
Bom vamos ao tuturial. Vá no HTML,e cole o código abaixo,a cima de ]]></b:skin>


.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}


Para usar,basta clicar ir ao lugar de fazer postagem clicar em HTML que fica no lado de Escrever, colocar o seguinte código:

<img src="link da imagem" class="pb">


E pronto!

Exemplo


(Passe o mouse em cima da imagem)
Espero que tenham gostado,bjs!

Nenhum comentário:

Postar um comentário