Transitions CSS3

[XdesignerX 0]

Bem galera,

 

Eu consegui realizar o efeito de img:hover, ou seja, quando passar o mouse em cima de uma imagem ele me dar o efeito tipo FADE. Só que eu preciso do evento, que quando TIRE o mouse da imagem ela retorne ao seu estado original seguindo o mesmo efeito e não de forma direta.

 

Eu fiz assim:

 

CSS:

 

 

#logo img:hover{

opacity:0.4;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

Certo da ajuda de vocês, abraço!

[André do Vale 76]

#logo img {

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

transition: opacity .25s ease-in-out;

}

#logo img:hover{

opacity:0.4;

}

[XdesignerX 0]

Muito obrigado, tão simples e eu apanhando geral aqui!
Abraço!

[EduardoAugustoPHP 27]

Fera, aplica o mesmo efeito somente na imagem..sem o hover.

 

Abs