CSS: opacidade de transição ao sair do mouse?

Question

May 12, 2012, 06:43 PM

CSS: opacidade de transição ao sair do mouse?

<code>.item:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
    }
</code>

Por que isso só anima a opacidade quando eu passo para dentro, mas não quando deixo o objeto com o mouse?

Demonstração aqui:http://jsfiddle.net/7uR8z/