CSS: Übergangstrübung beim Mouse-Out?

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

Warum animiert dies nur die Deckkraft beim Hover-In, nicht aber beim Verlassen des Objekts mit der Maus?

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

Antworten auf die Frage(3)

Ihre Antwort auf die Frage