Hey crazyrs, como estão? Espero que bem, porque meu dia digamos que foi bem impactante, não postei mais cedo porque muitas coisas acontecerem hoje, pra começar eu fui dormi umas 4 e poucas da madruga e acordei as 8 com uma notícia de um acidente e etc, eu fiquei super preocupada, enfim, não quero entrar em detalhes mas graças a Deus meu irmão está bem... O dia foi complicado, enfim... O tutorial de hoje é de imagens preto e branco com hover, eu particularmente adoro e espero que gostem também. "Mais informações"
Não coloquei preview porque é obvio, a imagem fica em preto e branco e quando passa o mouse ela fica da cor original.Cole esse código antes de ]]></b:skin>
.image5{-webkit-filter:
grayscale(100%); -moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;}
.image5:hover{-webkit-filter:
grayscale(0%); -moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;}
E esse código onde for usar:
<a href="link" title="nome"><img src="link da imagem" class="image5" />
Se não quiser a imagem linkada é só tirar essa parte:
<a href="link" title="nome">
Beijos, Brenda.
Não fica :(
ResponderExcluirfica sim flor, eu usa no gaget "moderadoras"
ResponderExcluirNossa Brenda, que difícil deve ter sido seu dia, que bom que seu irmão está bem. ^^ E sobre as imagens em preto e branco, ficam bem bacanas no post eu acho super legal o efeito. ^^ Beijos!
ResponderExcluirRediscovering Dreams