Transitions CSS3

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!