Efeito quando passa mouse nas imagens dos tópicos

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

Resolvido Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 em 11/02/14, 03:26 pm

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
avatar

Neo 1.0
Nível 2

Masculino
Inscrito dia : 07/02/2014
Mensagens : 13
Pontos Ativos : 27

Ver perfil do usuário http://pockethackers.umforum.net/

Resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki em 11/02/14, 04:58 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 em 11/02/14, 05:49 pm

@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
avatar

Neo 1.0
Nível 2

Masculino
Inscrito dia : 07/02/2014
Mensagens : 13
Pontos Ativos : 27

Ver perfil do usuário http://pockethackers.umforum.net/

Resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki em 11/02/14, 05:59 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Neo 1.0 em 11/02/14, 06:05 pm

Nao funcionou
avatar

Neo 1.0
Nível 2

Masculino
Inscrito dia : 07/02/2014
Mensagens : 13
Pontos Ativos : 27

Ver perfil do usuário http://pockethackers.umforum.net/

Resolvido Re: Efeito quando passa mouse nas imagens dos tópicos

Mensagem por Hancki em 11/02/14, 06:52 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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