CSS: непрозрачность перехода при наведении мыши?

.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;
    }

Почему это только оживляет непрозрачность при наведении курсора, но не когда я оставляю объект мышью?

Демо здесь:http://jsfiddle.net/7uR8z/

& # X200B;

Ответы на вопрос(3)

$(window).scroll(function() {    
    $('.logo_container, .slogan').css({
        "opacity" : ".1",
        "transition" : "opacity .8s ease-in-out"
    });
});

Проверьте скрипку:Error: User Rate Limit Exceeded

Решение Вопроса

Вы применяете переходы только к:hover псевдокласс, а не сам элемент.

.item {   
  height:200px;
  width:200px;
  background:red; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.item:hover {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

Демо-версия:http://jsfiddle.net/7uR8z/6/

Если вы не хотите, чтобы переход влиял наmouse-over событие, но толькоmouse-outВы можете отключить переходы для:hover государство :

.item:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

Демо-версия:http://jsfiddle.net/7uR8z/3/

Error: User Rate Limit Exceeded

Решением было запустить основные текстовые элементы с непрозрачностью 0 и использоватьaddClass ввести и перейти к непрозрачности 1. ЗатемremoveClass когда нажал снова.

Я уверен, что есть способ JQquery для этого. Я просто не тот парень, который делает это. :)

Так что в самой основной форме ...

.slideDown().addClass("load");
.slideUp().removeClass("load");

Спасибо всем за помощь.

Ваш ответ на вопрос