Hover em imagens

2 participantes

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

Tópico resolvido Hover em imagens

Mensagem por Marvel Universe RPG 16.01.14 17:10

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 20:49, editado 1 vez(es)
Marvel Universe RPG

Marvel Universe RPG
**

Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Hover em imagens

Mensagem por Roevs 16.01.14 17:30

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hover em imagens

Mensagem por Marvel Universe RPG 16.01.14 20:44

Obrigado Quakeline, funcionou perfeitamente, valeu Muito feliz
Marvel Universe RPG

Marvel Universe RPG
**

Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos