News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Inverter efeito de transparência no menu.

Started by lendario, September 16, 2011, 06:43:50 PM

Previous topic - Next topic

lendario

Estou usando este efeito no meu menu.
http://www.simplemachines.org/community/index.php?topic=434884.msg3050995#msg3050995

Atualmente as imagens do menu exibem normalmente sem nenhum efeito e ao passar o mouse elas ficam com efeito transparente.

Eu gostaria que esse efeito fosse contrário, assim. As imagens são exibidas já com o efeito de transparência e ao passar o mouse ela volta ao normal.

Obrigado pela atenção.

TaijovuNeji

Isso é relativamente simples, mas talvez o mais correto fosse continuar o assunto naquele tópico mesmo.

Lembra que lá no tópico eu te passei esse código css?:

.MenuAnimado:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.5;
opacity: 0.5;
}


Basta deixar ele assim:

.MenuAnimado:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


E colocar mais um novo código css assim:

.MenuAnimado img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.5;
opacity: 0.5;
}


Pronto! Assim o efeito ficará invertido, mostrando opacidade na imagem, e tirando a opacidade ao passar o mouse..
Hospedagem 20GB, Cpanel, Windows ou Linux, com suporte a PHP ou ASP, R$ 30,00 por mes ou 290 por ano


meu site: http://www.dungeonmakers.com.br/forum
Não atendo PM para pedidos de suporte/ajuda. Para isso existe o forum!!!

Advertisement: