Tutorial - Efeito Opacidade em uma única imagem.

 Olá meus cupcakes :)

No tutorial de hoje, eu vou ensinar como colocar opacidade em uma determinada imagem como o exemplo abaixo:

É muito simples! Primeiro, insira uma imagem no seu post, copie o url dela e depois vá até a aba editar HTML.

Agora dê ctrl+f e procure pelo url da sua imagem. Vai estar mais ou menos assim:

<img src="url da sua imagem"/>

Então, entre img e src cole:

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;"

Vai ficar assim:

<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="Url da imagem" />

Depois é só clicar na aba Escrever de novo e pronto! Sua imagem vai ficar com opacidade.
Gostou do tutorial ? Então comente!