Автор Тема: CSS transition  (Прочитано 2631 раз)

15 Май, 2016, 19:06:19

Оффлайн vdekameron

  • Школьник
  • *
  • Сообщений: 1
  • Репутация: 0
  • OS: Windows NT 10.0 Windows NT 10.0
  • Browser: Firefox 46.0 Firefox 46.0
    • Просмотр профиля
Добрый день уважаемые спецы. Написал на 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
ссылка на архив исходника

Форум вебмастеров - Webmasters.BY

CSS transition
« : 15 Май, 2016, 19:06:19 »

16 Май, 2016, 10:00:46
Ответ #1

Оффлайн Diver

  • Administrator
  • Гуру форума
  • *****
  • Сообщений: 4928
  • Репутация: 112
  • Шииикарно!
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Firefox 46.0 Firefox 46.0
    • Просмотр профиля
залейте ваши файлы лучше на http://plnkr.co
а то качать архив и разбираться в его содержимом  не хочется

18 Май, 2016, 07:32:17
Ответ #2

Оффлайн WebCyber

  • Продвинутый юзер
  • ****
  • Сообщений: 306
  • Репутация: 1
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Chrome 50.0.2661.94 Chrome 50.0.2661.94
    • Просмотр профиля
vdekameron  свойства visibility и display с transition не работают, а резко меняется прозрачность скорей всего потому что у вас в css одновременно прописано и opacity и visibility или display, оставить надо только opacity.