.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;
}
Por que isso apenas anima a opacidade quando passo o mouse, mas não quando deixo o objeto com o mouse?
Demonstração aqui: http://jsfiddle.net/7uR8z/