Efeito quando passa mouse nas imagens dos tópicos

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

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

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

Nao funcionou

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