Перейти к содержимому

Сервис обмена электронных валют


Css transition

#1 vdekameron

vdekameron
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 15 Май 2016 - 17:09

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

 

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

Прикрепленные файлы

  • Прикрепленный файл  архив.rar   74,61К   Количество загрузок: 46

 

 

  • 0

#2 Avahandelel

Avahandelel
  • Пользователь
  • 5 сообщений
  • Репутация: 0

Отправлено 22 Май 2016 - 17:25

Знаете, вот честно, на Мозиле у меня все работает так как Вы и хотите.... Из бокового меню выпадает подменюшка, сначала полупрозрачная, потом становится яркой...наблюдаю такое при наведении мыши на пункты меню в разделе "электроника"...НО только если до этого курсор не был на меню...

То есть только при первом наведении на меню после просмотра основного контекста. Если же мышь скользит по меню, то меняет прозрачность подминюшка только для того пункта меню на который мышь была наведена первым.

Похоже после наведения на меню, свойства окончательной непрозрачности субменющек наследуют все пункты меню... Возможно каждый пункт меню следует определить в свой div  и прописать свойства его личной субменюшки отдельно.


Сообщение отредактировал Avahandelel: 22 Май 2016 - 17:28

  • 0

#3 Avahandelel

Avahandelel
  • Пользователь
  • 5 сообщений
  • Репутация: 0

Отправлено 22 Май 2016 - 17:50

У меня в Мозиле все работает так как Вы и хотите, при наведении мыши на пункт меню выпадает подменюшка в полупрозрачном виде и становится яркой... НО только если до этого мышь была на поле основного контента

 

Если же мышь скользит по меню, полупрозрачной открывается подменюшка только того пункта меню, на который мышь навелась первой, а в остальных пунктах подменюшки яркие...Похоже свойство яркой подменюшки наследуется всеми пунктами меню после раскрытия какого-нибудь из них первый раз. Похоже имеет смысл определить каждый пункт меню в свой собственный div и отдельно настроить подменюшки для каждого из этих div.

Или же для настройки подобного эффекта воспользоваться средствами скриптов, а не средствами СSS таблиц.

 

З.Ы. К сожалениию, у СSS таблиц есть свои сложности с наследованием ране заданных свойств элементов, которые я до сих пор не очень четко для себя уяснила.


Сообщение отредактировал Avahandelel: 22 Май 2016 - 17:51

  • 0

#4 jumbick

jumbick
  • Заблокированные
  • 1 сообщений
  • Репутация: 0

Отправлено 28 Май 2016 - 19:16

у меня тоже все работает отлично, но я бы советовал Вам реализовать то, что Вы хотите на js


  • 0


Оформление форума – IPBSkins.ru