Oi pessoal, vim trazer mais um tutorial para vocês e esse é bem simples. Reparou que quando vocês passam o mouse na imagem, ela muda de opacidade? Não? Então tá. Esse tutorial, eu peguei de um tumblr porque achei o efeito legal. Se vocês ainda não repararam, passe o mouse na imagem acima, do começo do post, ela tá meio roxa e quando passa o mouse, ela preta e branca. Lembrando que a cor que ela ficará quando estiver com a opacidade diminuída, depende da cor do seu layout. Para aprender, clique em "Leia Mais!" e espero que vocês gostem. Beijos meus amores!
Bom, procure por </style> e quando achar cole este código acima:
img {opacity: 0.8; filter:alpha(opacity=80);}
img:hover {opacity:1; filter:alpha(opacity=100);}
Depois é só salvar e pronto!
Créditos ao TumbleTricks
Nenhum comentário:
Postar um comentário