CSS Transition

[vdekameron]

Добрый день уважаемые спецы. Написал на css и html выпадающее меню, хотел немного украсить с помощью transition , но почему то работает как то неадекватно...сидел над этим час, не могу понять. Хочу, чтобы при наведении на .relmenu li у блока .submenu менялись свойства opacity и visibility. Т.е чтобы блок .submenu менял постепенно прозрачность с 0.5 на 1 и становился видимым. Но отрабатывает как то неадекватно и даже не всегда. Когда навожу на .relmenu li блок .submenu сначала имеет прозрачность 1 и начинает постепенно переходить на 0.5 (хотя я жду эффекта с точностью до наоборот) и достигнув значения 0.5 снова резко становится 1(((. Про visibility вообще молчу, не работает. Может это свойство вообще не работает с transition как и display?



Заранее спасибо за ликбез!

http://www.fayloobmennik.net/6206275 ссылка на исходник

[Alex11223]

Вместо архива с исходником лучше выложить в сообщении кусок кода относящийся к теме.

И если уж загружать архив, то либо на нормальный сервис типа яндекс.диск, дропбокс, rghost, либо во вложения форума (в расширенной форме сообщения), а не на файлопомойку с кучей рекламы, попапов и ожиданием.

[vdekameron]

.relmenu li:hover .submenu{
	display: block;
	opacity: 1;
}

.submenu{
	background-color: #f4f4f4;
	display: none;
	position: absolute;
	top: -150px;
	left: 100%;
	opacity: 0.5;
	padding: 0px 15px 50px;
	transition-duration: 2s;
	transition-property: opacity;
	width: 205px;
}

Пожалуйста, оформляйте Ваш код согласно правилам.

[pompiduskus]

Сам пару раз сталкивался с такой проблемой ! Дело тут в том что не свойства поддаются transition. И иногда просто приходится идти на хитрости.

Для теста попробуйте выставить transition: all 2.0s;

И зменять разные параметры по отдельности. Будет сразу ясно кто работает с ним а кто брыкается !