Transição suave ao passar o mouse

[cardume 0]

Oi, galera.

 

Estou com um probleminha...Pra início, não sei programar, tudo que faço até o momento é por pura curiosidade.

 

Estava olhando o código que faz um objeto/texto movimentar-se quando passamos o mouse por ele, até aí tudo bem, mas quando fui atrás demudar a transição desse movimento as coisas complicaram. Encontrei um código que faz esse movimento mais suave, porém, quando passo o mouse por cima a imagem diminui até não estar mais visível.

 

Gostaria de saber se vocês poderiam me ajudar neste caso.

 

Código utilizado para suavizar o movimento:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

HTML completo:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Att

 

Lucas Lima

[-Fridaria 0]

Não tem erro nenhum.Esta funcionando normalmente.

 

@edit

ah certo,ja entendi.

Pra arrumar isso voce tem que parar o efeito logo que um outro evento for chamado,assim ele volta ao normal.

Pra isso,eu recomendo jQuery.Voce pode ver a documentacao e exemplos de uso no site

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[KOAN 0]

Ao invés de JQuery (como recomendado acima), utilize o Zepto:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

Em questão de performance e portabilidade é muito melhor. JQuery é um lixo para quem irá desenvolver sites que serão acessados por celular (algumas funções pode nao funcionar ou funcionar de forma diferente do esperado), sem contar que o JQuery é muito mais pesado que o zepto, mesmo em sua versão 'compressed'.

[cardume 0]

Obrigado pelas respostas. Me ajudaram muito.

 

Até.

 

Lucas Lima