Efeito transparência nas imagens do Blogger

Mais um Dica para Blogs, hoje é para você colocar o efeito transparência em imagens expecíficas do seu blog

Veja o efeito passe o cursor do mouse sobre a imagem


Para aplicar o efeito em HTML no blog:


Com efeito e link: 


<a href="LINK"><img style="height: 45px; width: 62px; opacity: 0.5;" src="IMG" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" /></a>


Apenas a imagem sem link:

<img style="height: 45px; width: 62px; opacity: 0.5;" src="IMG" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=50" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" /></a>


Obs: Se atente aos pontos vermelhos destacados no código, você precisa medir o tamanho da imagem e adicionar seus respectivos valores.




Veja também

Comentários

Sua opinião é muito importante!
:3 :p :s :9 :| :'( :8( ;) :D :( 8) :)

Postar um comentário