helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
Explicamos como fazer efeitos de transparência, mudando a opacidade de elementos como camadas, formulários e imagens, entre outros.
Por Federico Elgarte
Nesta ocasião, mostraremos um efeito bastante simpático que podemos aplicar em camadas, imagens, formulários, etc…
A propriedade opacity funciona tanto no Internet Explorer como no Firefox:
IE:
filter: alpha(opacity=50)
Firefox:
opacity: .5
Mozilla:
-moz-opacity:0.5
O seguiente exemplo funciona nos dois navegadores:
<style type="text/css">
.exemplo {width: 100%; background-color: red}
.opaco {filter: alpha(opacity=50); opacity: .5}
</style>
<p class="exemplo">Exemplo sem opacity.</p>
<p class="exemplo opaco">Exemplo com opacity a 50%.</p>
<p><img src="imagem.gif" width="100" height="109"><img src="imagem.gif" class="opaco" width="100" height="109"></p>
Por Federico Elgarte
Nesta ocasião, mostraremos um efeito bastante simpático que podemos aplicar em camadas, imagens, formulários, etc…
A propriedade opacity funciona tanto no Internet Explorer como no Firefox:
IE:
filter: alpha(opacity=50)
Firefox:
opacity: .5
Mozilla:
-moz-opacity:0.5
O seguiente exemplo funciona nos dois navegadores:
<style type="text/css">
.exemplo {width: 100%; background-color: red}
.opaco {filter: alpha(opacity=50); opacity: .5}
</style>
<p class="exemplo">Exemplo sem opacity.</p>
<p class="exemplo opaco">Exemplo com opacity a 50%.</p>
<p><img src="imagem.gif" width="100" height="109"><img src="imagem.gif" class="opaco" width="100" height="109"></p>