Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17738
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Imagem transparente, ao passar o cursor volta ao normal

19-08-2007 11:03

Abaixo segue um código mostrando como ter uma imagem em transparência e quando passar o cursor voltar ao normal.

CSS

<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

<img class="imagem_hover" src="figura.gif" onmouseover="this.className='imagem_normal'" onmouseout="this.className='imagem_hover'">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado