Efeito quando passa mouse nas imagens dos tópicos

2 participantes

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

Tópico resolvido Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 11.02.14 17:26

Qual é minha questão:
Efeito quando passa o mouse por uma imagen  e ela cresce alguem ai ajuda ?

Endereço do meu fórum:
http://pockethackers.umforum.net

Versão do fórum:
PHPBB2
Neo 1.0

Neo 1.0
Novo Membro

Membro desde : 07/02/2014
Mensagens : 13
Pontos : 27

http://pockethackers.umforum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki 11.02.14 18:58

Olá!

Use este CSS:
Código:
img {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
   
}
img:hover{
    -webkit-transform: scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
O código funcionará para todas as imagens do fórum. Se deseja apenas para os tópicos, coloque o link correto do seu fórum e então lhe fornecerei o código certo.

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 11.02.14 19:49

Hancki escreveu:Olá!

Use este CSS:
Código:
img {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    
}
img:hover{
    -webkit-transform: scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
O código funcionará para todas as imagens do fórum. Se deseja apenas para os tópicos, coloque o link correto do seu fórum e então lhe fornecerei o código certo.

Hancki
Ata vou querer o codigo do efeito em topicos o forum é http://pocketmonster.ultimaterpg.net/forum
Neo 1.0

Neo 1.0
Novo Membro

Membro desde : 07/02/2014
Mensagens : 13
Pontos : 27

http://pockethackers.umforum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki 11.02.14 19:59

Então use este:
Código:
div.postbody img {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
   
}
div.postbody img:hover{
    -webkit-transform: scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 11.02.14 20:05

Nao funcionou
Neo 1.0

Neo 1.0
Novo Membro

Membro desde : 07/02/2014
Mensagens : 13
Pontos : 27

http://pockethackers.umforum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki 11.02.14 20:52

Estranho.. aqui deu!
Use este novo, remova o anterior:
Código:
div.postbody img {
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
    -moz-transition: 0.5s ease !important;
}
div.postbody img:hover{
    -webkit-transform: scale(1.5,1.5) !important;
    -moz-transform:scale(1.5,1.5) !important;
}

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

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