jul 6 2008

Menu hover basicão em ASP.net

  • Autor: IphoneVicious em Programação
  • Sem Comentários. Seja o primeiro a comentar.
Para quem não sabe um menu hover, é aquele menu que muda sua aparência conforme o mouse passa sobre ele.  E menus hover estão fazendo muito sucesso atualmente, sendo considerados web 2.0

Na era do CSS, existe uma forma fácil de fazer isso com CSS, vejam:

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100,style=0);
-moz-opacity: 1;
border: 1px solid #ccc;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100,FinishOpacity=40,style=3);
-moz-opacity: 0.7;
border: 1px solid navy;
}

Neste exemplo usa-se um filtro Alpha sobre o menu, criando uma variação na opacity no momento em que o mouse passa sobre o menu. Style 3 significa um formato em radial, a presença do finishOpacity significa que será um “degradê”(bem baitola n鬬) usando o Opacity.

Feito isso, basta aplicar a classezinha toggleopacity no menu. 

E lembrando este efeito funciona no FireFox e navegadores menos convencionais ;D



DEIXE UM COMENTÁRIO

Subscrever

Subscreve o Blog



Publicidade

Comentários Recentes

  • shirley Balazs: Parabéns!! Informações de utilidade publica e de primeira, foi muito útil a mim.Obrigada!!
  • Jefferson Ferreira de brito: eu quero muito
  • thiago valente: Eu quero um para mim
  • Lucas martins balieiro: Eu não fiz o enem mesmo assim eu posso me inscrever no site essa é minha dúvida, só queme...
  • Francisca Marli Oliveira: quero saber quanto tenho no meu fgts

Links

Leitores Recentes

VALE O CLIQUE!

Site Seguro Ocioso

Divulgue o blog Infomaroto em seu site e tenha seu link ou banner aqui.
Blog Infomaroto