Voltar ao Topo
Refrescar
início ask tutoriais materiais themes modere
Bem-vindos
Bem vindos ao HM! Ele foi criado para te atender de diversas maneiras, com muita eficiência e urgência. O HM está renovado ! Agora, temos promoções, tumblr da semana, novo designs e idéias. Não deixe de aproveitar o novo HTML-MAKER.
E lembre-se: Respeite para ser respeitado.
Volte sempre
Extras
Moderadoras
Parcerias
Enquetes
Tumblr da semana
Para você
Status
Pessoas Online:
Total de visitas:
Você já esteve aqui: vezes
Theme feito por Luiza.
Não copie nada nem se inspire.
Estatísticas
Opacidade na imagem

Esse tutorial vai ensinar a deixar a imagem um pouco transparente e ao passar o mouse em cima, ela volta a coloração normal.

1) Vá até o seu css (antes de </head>) e cole esse código:

.opacity {filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}

.opacity:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

2) Acrescente ao código da imagem, de modo que fique:

<img src=”url_da_imagem” class=”opacity”>

Obs: Se quiser colocar em todas as imagens dos seus posts, procure por esse código e acrescente o mesmo:

<img src=”{PhotoURL-500}” alt=”{PhotoAlt}” class=”opacity” />

Ajudei ? Credite !

tutorial