Sobreposição gradativa de imagem

[romariomelo 0]

Olá galera.

 

tenho uma dúvida, talvez ela seja simples, mas estou com dificuldades para resolver....

 

tem algumas imagens que serão aplicadas em um menu. simulando que ela fique ativa (trocando pela imagem mais clara) quando o mouse passar por cima, até ai está tudo bem. Mas a troca de imagem está acontecendo de maneira repentina, ai vem a dúvida...

 

Tem alguma maneira dessa mudança de imagem seja gradativa, uma transição suave, onde fosse diminuindo a opacidade da primeira imagem e aumentando o da segunda?

 

Obs.: Usando JavaScript e CSS

[Bruno Queiros 0]

Com CSS você utiliza o transition

[romariomelo 0]

Com CSS você utiliza o transition

 

 

Certo, até ai tudo bem...

 

mas como fazer essa troca de imagem suavimente???

 

 

"Você já viu uma apresentação de fotos, tem um efeito 'fade' na transição da foto "

[angelorubin 142]

Boa tarde,

 

Pode ser feito exatamente com isso que você citou, um efeito fade.

 

Por exemplo, com um plugin jQuery chamado InnerFade.

 

Aqui exemplos de uso - Clique aqui

 

Aqui você pode baixar o plugin - Clique aqui

 

Espero que ajude.