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

15 Май, 2016, 20: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
ссылка на архив исходника

Форум вебмастеров

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

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

Оффлайн Diver

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

18 Май, 2016, 08: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.

29 Сентябрь, 2019, 20:14:27
Ответ #3

Оффлайн Aveshafer

  • Школьник
  • *
  • Сообщений: 28
  • Репутация: 0
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Chrome 67.0.3396.87 Chrome 67.0.3396.87
    • Просмотр профиля
У меня появился вопросик.Кто может подскажите..
Нужно в css сделать чтобы таблица в браузере отображалась по центру.Это не проблеманиже написан код в опере, мозилле, и хроме отображается все как надо, а вот в internet explorere 8 не хочет становиться по центру..Что делать??

Вот код:
table
width:1000px;
height:750px;
margin: 0 auto;

 .