CSS: przejściowe krycie przy wyłączaniu myszy?

<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>

Dlaczego to animuje tylko krycie, gdy wjeżdżam, ale nie, gdy opuszczam obiekt za pomocą myszy?

Demo tutaj:http://jsfiddle.net/7uR8z/

questionAnswers(3)

yourAnswerToTheQuestion