Hover em imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Hover em imagens

Mensagem por Marvel Universe RPG em 16/01/14, 03:10 pm

Qual é minha questão:
Olá, minha questão é bem simples: Gostaria de apenas colocar hover nas imagens de todo o meu fórum, como por exemplo, este fórum: http://xmutantesrpg.forumeiros.com/

Eu cheguei a achar um código e presumo que seja esse, só que ele torna a imagem escura e ao passar o mouse ela acende, gostaria apenas que fosse o contrário, como no fórum passado acima.

Code
Código:

      img {
        opacity: 0.30;
        -moz-opacity: 0.30;
        -webkit-opacity: 0.30;
        filter: alpha(opacity=30);
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        }
        img:hover {
        opacity:1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=100);
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        }

Desde já agradeço.

Endereço do meu fórum:
http://um-rpg.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por Marvel Universe RPG em 16/01/14, 06:49 pm, editado 1 vez(es)
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Hover em imagens

Mensagem por iPrompt em 16/01/14, 03:30 pm

Olá,

Tente este código

Código:
 img:hover {
          opacity: 0.30;
          -moz-opacity: 0.30;
          -webkit-opacity: 0.30;
          filter: alpha(opacity=30);
          -o-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -webkit-transition: all 0.5s ease 0s;
          }
          img{
          opacity:1;
          -moz-opacity: 1;
          -webkit-opacity: 1;
          filter: alpha(opacity=100);
          -o-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -webkit-transition: all 0.5s ease 0s;
          }

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Hover em imagens

Mensagem por Marvel Universe RPG em 16/01/14, 06:44 pm

Obrigado Quakeline, funcionou perfeitamente, valeu Muito feliz
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum