Olá amores! Hoje vou ensinar a vocês o Efeito Opacity que vi no Blog das Meninas. Aprendam como deixar a imagem do seu Blog com um aspecto bem charmoso!
O Efeito Opacity que permite um efeito de transparência em algumas imagens específicas do Blog. E que ao passar o mouse em cima dela, fica escura.
Muitos de vocês já devem ter percebido que as imagens do blog são bem clarinhas e que ao passar o Mouse em cima delas, ficam escuras. Denomina-se aí o Efeito que é bem conhecido em diversos Blogs como Efeito opacity. Veja o Exemplo:

Editar HTML (Imagem 2)Encontrando-os, cole o código a Seguir :
Entendendo um Pouco: Aonde está escrito: LINK AQUI você pode por o Link de Seu Blog. No meu, eu coloco a própria URL da imagem.
<a href="LINK-AQUI">
<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" /></a>
E aonde está escrito URL DA IMAGEM só colocar a URL da imagem desejada, que quer que obtenha o efeito.




Nenhum comentário:
Postar um comentário