Aqui você verá artigos sobre CSS
Moderador: web
por web Offline » Dom Ago 19, 2007 12:03 pm
|
|
Abaixo segue um código mostrando como ter uma imagem em transparência e quando passar o cursor voltar ao normal.
CSS
- Código: Selecionar todos
<style type="text/css">
/* 70 ( 0 à 100 ) e .70 ( .0 à .100 ) é a transparência */
.imagem_hover{
filter:alpha(opacity=70);
float:left;
-moz-opacity:.70;
opacity:.70;
}
.imagem_normal{
filter:alpha(opacity=100);
float:left;
-moz-opacity:.100;
opacity:.100;
}
</style>
HTML
- Código: Selecionar todos
<img class="imagem_hover" src="figura.gif" onmouseover="this.className='imagem_normal'" onmouseout="this.className='imagem_hover'">
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11909
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre CSS
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes
