Home Tutoriais Desenvolvimento Workshop de CSS, Opacity


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>Exemplo sem opacity.</p>
<p>Exemplo com opacity a 50%.</p>
<p><img src=”imagem.gif” width=”100″ height=”109″><img src=”imagem.gif” width=”100″ height=”109″></p>

Fonte: http://www.criarweb.com/artigos/373.php

   

Leave a Reply

This blog is kept spam free by WP-SpamFree.